System icons for React.
1,761 free system icons from 140 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 system icon you describe, from any library, with Pro.
Set up MCPSystem icons
37 icons · Material Symbols
- 1,363 designs, one style each
- From 140 libraries
- 77% under permissive licenses
- 1,761 icons in every style
Libraries
System icons in each library
How each set draws system: database, windows, network and folder and more. Open one to see only its icons.
- LucideISC19icons tagged system
- HeroIconsMIT3icons tagged system
- Material SymbolsApache 2.037icons tagged system
- Tabler IconsMIT37icons tagged system
- Font Awesome 6 SolidCC BY 4.02icons tagged system
- Simple IconsCC0 1.044icons tagged system
- ArcticonsCC BY-SA 4.0102icons tagged system
- Google Material IconsApache 2.079icons tagged system
132 more libraries
- Material Design Icons59 icons
- Fluent UI System Icons53 icons
- Carbon53 icons
- Custom Brand Icons38 icons
- Siemens Industrial Experience Icons38 icons
- Material Symbols Light33 icons
- SVG Logos31 icons
- EOS Icons31 icons
- Huge Icons26 icons
- Material Icon Theme26 icons
- IconPark Outline24 icons
- WebHostingHub Glyphs24 icons
- VSCode Icons23 icons
- Streamline22 icons
- Devicon Original22 icons
- TDesign Icons21 icons
- IconPark Solid21 icons
- File Icons19 icons
- Health Icons18 icons
- CoreUI Brands18 icons
- Grommet Icons15 icons
- IconPark TwoTone14 icons
- Devicon13 icons
- Lineicons12 icons
- Ant Design Icons12 icons
- Font Awesome Brands11 icons
- System UIcons11 icons
- Fluent UI MDL210 icons
- Lets Icons10 icons
- IconPark9 icons
- Devicon Plain9 icons
- Skill Icons9 icons
- Game Icons8 icons
- Clarity8 icons
- Ultimate color icons8 icons
- Pico-icon8 icons
- Material Design Iconic Font8 icons
- Vaadin Icons8 icons
- Gitlab SVGs8 icons
- Ultimate free icons7 icons
- Catppuccin Icons7 icons
- Font Awesome 47 icons
- Solar6 icons
- Streamline color6 icons
- Logos free icons6 icons
- Pepicons Print6 icons
- Flex color icons6 icons
- Gravity UI Icons6 icons
- Font Awesome 5 Brands6 icons
- OpenSearch UI6 icons
- Phosphor5 icons
- Web3 Icons Branded5 icons
- Iconoir5 icons
- Jam Icons5 icons
- Marketeq5 icons
- Codicons5 icons
- Cyber free icons5 icons
- PrestaShop Icons5 icons
- Font-GIS5 icons
- Line Awesome4 icons
- Famicons4 icons
- Pepicons Pencil4 icons
- Freehand color icons4 icons
- MingCute Icon3 icons
- Remix Icon3 icons
- Bootstrap Icons3 icons
- Web3 Icons3 icons
- BoxIcons3 icons
- Teenyicons3 icons
- Octicons3 icons
- Qlementine Icons3 icons
- SmartIcons Glyph3 icons
- IcoMoon Free3 icons
- Pixelarticons3 icons
- Akar Icons3 icons
- uiw icons3 icons
- Icons8 Windows 8 Icons3 icons
- Fluent Emoji Flat2 icons
- IonIcons2 icons
- Fluent Emoji High Contrast2 icons
- Flex free icons2 icons
- Plump free icons2 icons
- Freehand free icons2 icons
- Fontisto2 icons
- CoreUI Free2 icons
- ProIcons2 icons
- Cyber color icons2 icons
- Pixel Icon2 icons
- Ligature Symbols2 icons
- Dashicons2 icons
- Typicons2 icons
- Flat Color Icons2 icons
- Meteor Icons2 icons
- Unicons Monochrome2 icons
- Raphael2 icons
- Bitcoin Icons2 icons
- Open Iconic2 icons
- TopCoat Icons2 icons
- Web Symbols Liga2 icons
- Myna UI Icons1 icons
- IconaMoon1 icons
- Sharp free icons1 icons
- Emoji One (Monotone)1 icons
- Unicons1 icons
- Dinkie Icons1 icons
- Firefox OS Emoji1 icons
- Garden SVG Icons1 icons
- Lsicon1 icons
- css.gg1 icons
- Temaki1 icons
- Röntgen1 icons
- Font Awesome 6 Brands1 icons
- HeroIcons v1 Outline1 icons
- OOUI1 icons
- Prime Icons1 icons
- Subway Icon Set1 icons
- Zondicons1 icons
- Element Plus1 icons
- Circum Icons1 icons
- Humbleicons1 icons
- Icons8 Windows 10 Icons1 icons
- Unicons Thin Line1 icons
- Gridicons1 icons
- Unicons Solid1 icons
- Academicons1 icons
- BoxIcons Logo1 icons
- FontAudio1 icons
- Nimbus1 icons
- Duoicons1 icons
- Icalicons1 icons
- Devicon Line1 icons
- UnJS Logos1 icons
Skip the browsing. With Pro, your AI agent finds the system icon you describe in any library and installs it.
Get ProTags
Related tags
Tags the same icons carry, closest to system first.
Pricing
System icons MCP, with Pro
Your agent finds the system icon you describe in any of 140 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 system icons: how many there are, which libraries draw them, and how to use and license them.
Install any system icon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.