Element icons for React.
5,700 free element icons from 143 libraries, Lucide, Material Symbols and Tabler Icons 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 element icon you describe, from any library, with Pro.
Set up MCPElement icons
28 icons · Dinkie Icons
- 3,420 designs, one style each
- From 143 libraries
- 75% under permissive licenses
- 5,700 icons in every style
Libraries
Element icons in each library
How each set draws element: circle, square, filter and shapes and more. Open one to see only its icons.
- LucideISC2icons tagged element
- Material SymbolsApache 2.024icons tagged element
- Tabler IconsMIT269icons tagged element
- Radix IconsMIT27icons tagged element
- Font Awesome 6 SolidCC BY 4.04icons tagged element
- Feather IconsMIT3icons tagged element
- Simple IconsCC0 1.01icon tagged element
- Fluent UI System IconsMIT196icons tagged element
135 more libraries
- IconPark149 icons
- Phosphor129 icons
- Memory Icons102 icons
- Garden SVG Icons96 icons
- Arcticons94 icons
- Myna UI Icons91 icons
- Huge Icons89 icons
- MingCute Icon82 icons
- Pepicons Print74 icons
- IconPark Outline66 icons
- Solar65 icons
- IconPark Solid65 icons
- TDesign Icons62 icons
- Siemens Industrial Experience Icons60 icons
- Google Material Icons57 icons
- Remix Icon57 icons
- Streamline55 icons
- Pepicons Pop!53 icons
- Lets Icons47 icons
- Jam Icons47 icons
- IconPark TwoTone45 icons
- Teenyicons44 icons
- Sargam Icons42 icons
- Lsicon42 icons
- Iconoir41 icons
- Plump free icons39 icons
- Custom Brand Icons37 icons
- Mage Icons37 icons
- Octicons35 icons
- Gravity UI Icons35 icons
- Streamline color34 icons
- Pepicons Pencil33 icons
- Sharp color icons33 icons
- IconaMoon32 icons
- Dinkie Icons28 icons
- Element Plus28 icons
- IonIcons27 icons
- Fluent UI MDL227 icons
- Unicons26 icons
- Material Symbols Light25 icons
- WebHostingHub Glyphs25 icons
- ProIcons24 icons
- Pico-icon22 icons
- Sharp free icons21 icons
- Ultimate color icons20 icons
- Stash Icons19 icons
- OpenMoji18 icons
- Flex free icons18 icons
- Majesticons18 icons
- Marketeq17 icons
- OpenSearch UI17 icons
- EOS Icons17 icons
- Clarity16 icons
- Emoji One (v1)15 icons
- Font Awesome 415 icons
- Pixelarticons15 icons
- coolicons14 icons
- Twitter Emoji13 icons
- css.gg12 icons
- Lucide Lab12 icons
- Unicons Monochrome12 icons
- Game Icons11 icons
- Pepicons11 icons
- Humbleicons11 icons
- NRK Core Icons11 icons
- Carbon10 icons
- Flowbite Icons10 icons
- Pixel Icon10 icons
- uiw icons10 icons
- WeUI Icon10 icons
- Fluent Emoji Flat8 icons
- Firefox OS Emoji8 icons
- Plump color icons8 icons
- IcoMoon Free8 icons
- Material Design Icons7 icons
- Röntgen7 icons
- Rivet Icons7 icons
- Noto Emoji6 icons
- Health Icons6 icons
- SVG Logos6 icons
- BoxIcons6 icons
- Line Awesome6 icons
- Flex color icons6 icons
- Freehand free icons6 icons
- Bootstrap Icons5 icons
- Vaadin Icons5 icons
- Meteor Icons5 icons
- FormKit Icons5 icons
- Ultimate free icons4 icons
- Fluent Emoji High Contrast4 icons
- Famicons4 icons
- Qlementine Icons4 icons
- Pixel free icons4 icons
- Basil4 icons
- Gitlab SVGs4 icons
- Web3 Icons3 icons
- Emoji One (Colored)3 icons
- Emoji One (Monotone)3 icons
- CoreUI Free3 icons
- Cyber free icons3 icons
- HeroIcons v1 Solid3 icons
- Subway Icon Set3 icons
- SidekickIcons3 icons
- Font Awesome Solid2 icons
- Lineicons2 icons
- SmartIcons Glyph2 icons
- Material Design Iconic Font2 icons
- BoxIcons Solid2 icons
- Grommet Icons2 icons
- Maki2 icons
- Elusive Icons2 icons
- Unicons Thin Line2 icons
- Unicons Solid2 icons
- Vesper Icons2 icons
- Noto Emoji (v1)1 icons
- Font Awesome 5 Solid1 icons
- Ant Design Icons1 icons
- Streamline Emojis1 icons
- Cyber color icons1 icons
- Akar Icons1 icons
- System UIcons1 icons
- OOUI1 icons
- Ligature Symbols1 icons
- Dashicons1 icons
- Flat Color Icons1 icons
- Entypo+1 icons
- Prime Icons1 icons
- Circum Icons1 icons
- Foundation1 icons
- Feather Icon1 icons
- Gridicons1 icons
- Simple line icons1 icons
- Nimbus1 icons
- Flat UI Icons1 icons
- UnJS Logos1 icons
Skip the browsing. With Pro, your AI agent finds the element icon you describe in any library and installs it.
Get ProTags
Related tags
Tags the same icons carry, closest to element first.
Pricing
Element icons MCP, with Pro
Your agent finds the element icon you describe in any of 143 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 element icons: how many there are, which libraries draw them, and how to use and license them.
Install any element icon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.