Less
The Less icon represents the popular CSS preprocessor for styling web applications.
Add shadcn.io to your AI agent. · Pro It installs Less, or any of 294k icons, from a prompt, with Pro.
Set up MCPExports at 30 × 24 px
460 in Font Awesome 5 BrandsCC BY 4.0 license (opens in a new tab)Free to copy and download
Code
Less in your framework
In any framework. Customize it above, and the code follows.
export const LessIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" viewBox="0 0 640 512" {...props}>
<path fill="currentColor" d="M612.7 219c0-20.5 3.2-32.6 3.2-54.6c0-34.2-12.6-45.2-40.5-45.2h-20.5v24.2h6.3c14.2 0 17.3 4.7 17.3 22.1c0 16.3-1.6 32.6-1.6 51.5c0 24.2 7.9 33.6 23.6 37.3v1.6c-15.8 3.7-23.6 13.1-23.6 37.3c0 18.9 1.6 34.2 1.6 51.5c0 17.9-3.7 22.6-17.3 22.6v.5h-6.3V393h20.5c27.8 0 40.5-11 40.5-45.2c0-22.6-3.2-34.2-3.2-54.6c0-11 6.8-22.6 27.3-23.6v-27.3c-20.5-.7-27.3-12.3-27.3-23.3m-105.6 32c-15.8-6.3-30.5-10-30.5-20.5c0-7.9 6.3-12.6 17.9-12.6s22.1 4.7 33.6 13.1l21-27.8c-13.1-10-31-20.5-55.2-20.5c-35.7 0-59.9 20.5-59.9 49.4c0 25.7 22.6 38.9 41.5 46.2c16.3 6.3 32.1 11.6 32.1 22.1c0 7.9-6.3 13.1-20.5 13.1c-13.1 0-26.3-5.3-40.5-16.3l-21 30.5c15.8 13.1 39.9 22.1 59.9 22.1c42 0 64.6-22.1 64.6-51s-22.5-41-43-47.8m-358.9 59.4c-3.7 0-8.4-3.2-8.4-13.1V119.1H65.2c-28.4 0-41 11-41 45.2c0 22.6 3.2 35.2 3.2 54.6c0 11-6.8 22.6-27.3 23.6v27.3c20.5.5 27.3 12.1 27.3 23.1c0 19.4-3.2 31-3.2 53.6c0 34.2 12.6 45.2 40.5 45.2h20.5v-24.2h-6.3c-13.1 0-17.3-5.3-17.3-22.6s1.6-32.1 1.6-51.5c0-24.2-7.9-33.6-23.6-37.3v-1.6c15.8-3.7 23.6-13.1 23.6-37.3c0-18.9-1.6-34.2-1.6-51.5s3.7-22.1 17.3-22.1H93v150.8c0 32.1 11 53.1 43.1 53.1c10 0 17.9-1.6 23.6-3.7l-5.3-34.2c-3.1.8-4.6.8-6.2.8M379.9 251c-16.3-6.3-31-10-31-20.5c0-7.9 6.3-12.6 17.9-12.6s22.1 4.7 33.6 13.1l21-27.8c-13.1-10-31-20.5-55.2-20.5c-35.7 0-59.9 20.5-59.9 49.4c0 25.7 22.6 38.9 41.5 46.2c16.3 6.3 32.1 11.6 32.1 22.1c0 7.9-6.3 13.1-20.5 13.1c-13.1 0-26.3-5.3-40.5-16.3l-20.5 30.5c15.8 13.1 39.9 22.1 59.9 22.1c42 0 64.6-22.1 64.6-51c.1-28.9-22.5-41-43-47.8m-155-68.8c-38.4 0-75.1 32.1-74.1 82.5c0 52 34.2 82.5 79.3 82.5c18.9 0 39.9-6.8 56.2-17.9l-15.8-27.8c-11.6 6.8-22.6 10-34.2 10c-21 0-37.3-10-41.5-34.2H290c.5-3.7 1.6-11 1.6-19.4c.6-42.6-22.6-75.7-66.7-75.7m-30 66.2c3.2-21 15.8-31 30.5-31c18.9 0 26.3 13.1 26.3 31z"/>
</svg>
);Other libraries
Less in 7 more libraries
Each library draws it its own way. Open one to compare.
Font Awesome 5 Brands
More like it
Icons that share its tags, in the same style.
Search Font Awesome 5 Brands
Skip the copy and paste. With Pro, your AI agent finds and installs any Font Awesome 5 Brands icon from a prompt.
Get ProTags
Browse by tag
Less is tagged development, programming, web and 2 more. Related tags follow; each opens its icons from every library.
Pricing
Font Awesome 5 Brands MCP, with Pro
Ask for Less or any of 460 Font Awesome 5 Brands icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the Less icon means and where it's used, then how to install, style and license it.
Install Less from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.