Display icons for React.
1,946 free display icons from 146 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 display icon you describe, from any library, with Pro.
Set up MCPDisplay icons
19 icons · Fluent UI System Icons
- 1,339 designs, one style each
- From 146 libraries
- 74% under permissive licenses
- 1,946 icons in every style
Libraries
Display icons in each library
How each set draws display: monitor, brightness, window and hd and more. Open one to see only its icons.
- LucideISC22icons tagged display
- HeroIconsMIT2icons tagged display
- Material SymbolsApache 2.087icons tagged display
- Tabler IconsMIT15icons tagged display
- Radix IconsMIT2icons tagged display
- Font Awesome 6 SolidCC BY 4.01icon tagged display
- Simple IconsCC0 1.01icon tagged display
- Google Material IconsApache 2.0293icons tagged display
138 more libraries
- Material Symbols Light83 icons
- Arcticons52 icons
- Material Design Icons36 icons
- Material Design Iconic Font27 icons
- IconPark Outline26 icons
- Streamline23 icons
- Fluent UI System Icons19 icons
- IconPark19 icons
- Ultimate free icons18 icons
- Carbon15 icons
- Custom Brand Icons15 icons
- Freehand color icons15 icons
- Remix Icon14 icons
- Bootstrap Icons14 icons
- Streamline color14 icons
- BoxIcons14 icons
- Siemens Industrial Experience Icons14 icons
- Freehand free icons14 icons
- IconPark Solid13 icons
- IconPark TwoTone13 icons
- Fluent UI MDL213 icons
- Huge Icons12 icons
- Flex free icons12 icons
- Flex color icons12 icons
- Ant Design Icons12 icons
- Marketeq12 icons
- Plump free icons11 icons
- Pepicons Pop!11 icons
- CoreUI Free11 icons
- Pepicons Print10 icons
- WebHostingHub Glyphs9 icons
- Iconoir9 icons
- Clarity9 icons
- Ultimate color icons9 icons
- Phosphor8 icons
- TDesign Icons8 icons
- Plump color icons8 icons
- Pico-icon8 icons
- SmartIcons Glyph8 icons
- System UIcons8 icons
- Flat Color Icons8 icons
- Sargam Icons7 icons
- Jam Icons7 icons
- Elusive Icons7 icons
- Solar6 icons
- Sharp color icons6 icons
- coolicons6 icons
- BoxIcons Solid6 icons
- Codicons6 icons
- Pixelarticons6 icons
- Myna UI Icons5 icons
- Lets Icons5 icons
- Sharp free icons5 icons
- Unicons5 icons
- Garden SVG Icons5 icons
- Qlementine Icons5 icons
- Dashicons5 icons
- Game Icons4 icons
- Pepicons Pencil4 icons
- Lineicons4 icons
- Lsicon4 icons
- css.gg4 icons
- Akar Icons4 icons
- Open Iconic4 icons
- WeUI Icon4 icons
- MingCute Icon3 icons
- IonIcons3 icons
- Grommet Icons3 icons
- Temaki3 icons
- Röntgen3 icons
- Cyber color icons3 icons
- OpenSearch UI3 icons
- Gitlab SVGs3 icons
- OOUI3 icons
- Prime Icons3 icons
- Zondicons3 icons
- Element Plus3 icons
- Humbleicons3 icons
- Charm Icons3 icons
- Simple line icons3 icons
- Mono Icons3 icons
- Web Symbols Liga3 icons
- Twitter Emoji2 icons
- Fluent Emoji Flat2 icons
- Health Icons2 icons
- Font Awesome Solid2 icons
- Teenyicons2 icons
- Firefox OS Emoji2 icons
- Stash Icons2 icons
- Pixel free icons2 icons
- Memory Icons2 icons
- ProIcons2 icons
- IcoMoon Free2 icons
- PrestaShop Icons2 icons
- Pixel Icon2 icons
- HeroIcons v1 Solid2 icons
- Guidance2 icons
- Entypo+2 icons
- Flat UI Icons2 icons
- Icalicons2 icons
- Gala Icons2 icons
- OpenMoji1 icons
- Noto Emoji (v1)1 icons
- IconaMoon1 icons
- VSCode Icons1 icons
- Emoji One (Monotone)1 icons
- Famicons1 icons
- Dinkie Icons1 icons
- Majesticons1 icons
- Mage Icons1 icons
- Octicons1 icons
- Gravity UI Icons1 icons
- Font Awesome 41 icons
- Vaadin Icons1 icons
- Fontisto1 icons
- Cyber free icons1 icons
- Basil1 icons
- Eva Icons1 icons
- Font-GIS1 icons
- Guidance1 icons
- Ligature Symbols1 icons
- Typicons1 icons
- Subway Icon Set1 icons
- Streamline Block1 icons
- Circum Icons1 icons
- Foundation1 icons
- Font Awesome Regular1 icons
- Raphael1 icons
- Bitcoin Icons1 icons
- NRK Core Icons1 icons
- Icons8 Windows 10 Icons1 icons
- Gridicons1 icons
- Unicons Solid1 icons
- Cuida Icons1 icons
- Map Icons1 icons
- Quill Icons1 icons
- Nimbus1 icons
- TopCoat Icons1 icons
Skip the browsing. With Pro, your AI agent finds the display icon you describe in any library and installs it.
Get ProTags
Related tags
Tags the same icons carry, closest to display first.
Pricing
Display icons MCP, with Pro
Your agent finds the display icon you describe in any of 146 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 display icons: how many there are, which libraries draw them, and how to use and license them.
Install any display icon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.