Format icons for React.
1,332 free format icons from 133 libraries, Lucide, HeroIcons and Material Symbols among them. Open one to copy it as SVG or React, or install it with the shadcn CLI.
Add shadcn.io to your AI agent. · Pro It finds and installs the format icon you describe, from any library, with Pro.
Set up MCPFormat icons
26 icons · Material Design Icons
- 1,066 designs, one style each
- From 133 libraries
- 80% under permissive licenses
- 1,332 icons in every style
Libraries
Format icons in each library
How each set draws format: align center, align left, paragraph and underline and more. Open one to see only its icons.
- LucideISC9icons tagged format
- HeroIconsMIT1icon tagged format
- Material SymbolsApache 2.028icons tagged format
- Tabler IconsMIT30icons tagged format
- Radix IconsMIT1icon tagged format
- Font Awesome 6 SolidCC BY 4.011icons tagged format
- Feather IconsMIT2icons tagged format
- Simple IconsCC0 1.05icons tagged format
125 more libraries
- Google Material Icons102 icons
- Carbon47 icons
- Material Symbols Light32 icons
- Material Design Icons26 icons
- Bootstrap Icons22 icons
- File Icons21 icons
- Garden SVG Icons20 icons
- IcoMoon Free20 icons
- Fluent UI MDL219 icons
- Unicons16 icons
- OOUI15 icons
- Fluent UI System Icons14 icons
- Font Awesome Solid14 icons
- Feather Icon14 icons
- Huge Icons13 icons
- BoxIcons13 icons
- Freehand free icons13 icons
- Qlementine Icons13 icons
- Ant Design Icons13 icons
- Pixel Icon13 icons
- IconPark Outline12 icons
- Gravity UI Icons12 icons
- CoreUI Free12 icons
- Circum Icons12 icons
- Unicons Thin Line12 icons
- IconPark11 icons
- WebHostingHub Glyphs11 icons
- Iconoir11 icons
- Teenyicons11 icons
- Lineicons11 icons
- Unicons Monochrome11 icons
- Unicons Solid11 icons
- Remix Icon10 icons
- IconPark Solid10 icons
- VSCode Icons10 icons
- Jam Icons10 icons
- Streamline9 icons
- SmartIcons Glyph9 icons
- Vaadin Icons9 icons
- Lucide Lab9 icons
- Elusive Icons9 icons
- Phosphor8 icons
- Octicons8 icons
- OpenSearch UI8 icons
- CodeX Icons8 icons
- Solar7 icons
- TDesign Icons7 icons
- Material Icon Theme7 icons
- Freehand color icons7 icons
- Catppuccin Icons7 icons
- Font Awesome 47 icons
- Pixelarticons7 icons
- Material Design Light7 icons
- Zondicons7 icons
- Nimbus7 icons
- MingCute Icon6 icons
- Streamline color6 icons
- IconPark TwoTone6 icons
- Line Awesome6 icons
- Sharp free icons6 icons
- coolicons6 icons
- css.gg6 icons
- Bubbles6 icons
- Ligature Symbols6 icons
- Dashicons6 icons
- Entypo+6 icons
- Siemens Industrial Experience Icons5 icons
- Clarity5 icons
- Majesticons5 icons
- Font Awesome 5 Solid5 icons
- Lsicon5 icons
- Flat Color Icons5 icons
- Foundation5 icons
- Icons8 Windows 10 Icons5 icons
- Gridicons5 icons
- Arcticons4 icons
- Flowbite Icons4 icons
- Fontisto4 icons
- Prime Icons4 icons
- Material Design Iconic Font3 icons
- Codicons3 icons
- Open Iconic3 icons
- Myna UI Icons2 icons
- Ultimate free icons2 icons
- IconaMoon2 icons
- Flex free icons2 icons
- Sargam Icons2 icons
- Flex color icons2 icons
- Ultimate color icons2 icons
- CoreUI Brands2 icons
- Pico-icon2 icons
- BoxIcons Solid2 icons
- Devicon Original2 icons
- HeroIcons v1 Solid2 icons
- SidekickIcons2 icons
- Icons8 Windows 8 Icons2 icons
- Web Symbols Liga2 icons
- Gala Icons2 icons
- Game Icons1 icons
- SVG Logos1 icons
- Lets Icons1 icons
- Famicons1 icons
- Firefox OS Emoji1 icons
- Devicon1 icons
- Devicon Plain1 icons
- Grommet Icons1 icons
- Font Awesome Brands1 icons
- ProIcons1 icons
- Cyber free icons1 icons
- Font Awesome 6 Brands1 icons
- PrestaShop Icons1 icons
- System UIcons1 icons
- Gitlab SVGs1 icons
- Skill Icons1 icons
- HeroIcons v1 Outline1 icons
- Meteor Icons1 icons
- Subway Icon Set1 icons
- Humbleicons1 icons
- NRK Core Icons1 icons
- Cuida Icons1 icons
- Mono Icons1 icons
- Mono Icons1 icons
- Quill Icons1 icons
- Innowatio Font1 icons
- Nonicons1 icons
Skip the browsing. With Pro, your AI agent finds the format icon you describe in any library and installs it.
Get ProTags
Related tags
Tags the same icons carry, closest to format first.
Pricing
Format icons MCP, with Pro
Your agent finds the format icon you describe in any of 133 libraries and installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates.
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
About format icons: how many there are, which libraries draw them, and how to use and license them.
Install any format icon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.