Playback icons for React.
2,953 free playback icons from 177 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 playback icon you describe, from any library, with Pro.
Set up MCPPlayback icons
50 icons · Material Symbols
- 2,019 designs, one style each
- From 177 libraries
- 70% under permissive licenses
- 2,953 icons in every style
Libraries
Playback icons in each library
How each set draws playback: pause, play, video and pause circle and more. Open one to see only its icons.
- LucideISC23icons tagged playback
- HeroIconsMIT9icons tagged playback
- Material SymbolsApache 2.050icons tagged playback
- Tabler IconsMIT42icons tagged playback
- Radix IconsMIT5icons tagged playback
- Font Awesome 6 SolidCC BY 4.010icons tagged playback
- Feather IconsMIT16icons tagged playback
- Simple IconsCC0 1.07icons tagged playback
169 more libraries
- Google Material Icons188 icons
- Material Design Icons92 icons
- Arcticons82 icons
- Material Symbols Light66 icons
- Streamline46 icons
- Solar31 icons
- Fluent UI System Icons30 icons
- Huge Icons30 icons
- Material Design Iconic Font30 icons
- IonIcons29 icons
- Phosphor27 icons
- Qlementine Icons27 icons
- Pepicons Pop!25 icons
- NRK Core Icons25 icons
- Remix Icon23 icons
- Bootstrap Icons22 icons
- WebHostingHub Glyphs21 icons
- Fluent UI MDL221 icons
- Pepicons Print21 icons
- Jam Icons21 icons
- Carbon19 icons
- IconPark Solid17 icons
- IconPark TwoTone17 icons
- BoxIcons17 icons
- Custom Brand Icons17 icons
- Mage Icons17 icons
- css.gg17 icons
- Streamline Block17 icons
- Myna UI Icons16 icons
- Pepicons Pencil16 icons
- SmartIcons Glyph16 icons
- Pepicons16 icons
- System UIcons15 icons
- IconPark14 icons
- Siemens Industrial Experience Icons13 icons
- Font Awesome 5 Solid13 icons
- Freehand free icons13 icons
- Ultimate color icons13 icons
- Pico-icon13 icons
- Dashicons13 icons
- MingCute Icon12 icons
- Ant Design Icons12 icons
- WeUI Icon12 icons
- IconPark Outline11 icons
- Emoji One (Monotone)11 icons
- Garden SVG Icons11 icons
- Font Awesome 411 icons
- Grommet Icons11 icons
- Vaadin Icons11 icons
- Meteor Icons11 icons
- Prime Icons11 icons
- Elusive Icons11 icons
- Material Design Light11 icons
- Foundation11 icons
- Noto Emoji (v1)10 icons
- Iconoir10 icons
- Famicons10 icons
- Fontisto10 icons
- TDesign Icons9 icons
- IconaMoon9 icons
- Fluent Emoji High Contrast9 icons
- Line Awesome9 icons
- Unicons9 icons
- Freehand color icons9 icons
- Marketeq9 icons
- Ligature Symbols9 icons
- Typicons9 icons
- Humbleicons9 icons
- Open Iconic9 icons
- Fluent Emoji Flat8 icons
- Font Awesome Solid8 icons
- Emoji One (Colored)8 icons
- Majesticons8 icons
- ProIcons8 icons
- Eva Icons8 icons
- Icons8 Windows 8 Icons8 icons
- Twitter Emoji7 icons
- Game Icons7 icons
- Noto Emoji7 icons
- Sharp color icons7 icons
- Fluent UI System Color Icons7 icons
- coolicons7 icons
- IcoMoon Free7 icons
- PrestaShop Icons7 icons
- Akar Icons7 icons
- Subway Icon Set7 icons
- Zondicons7 icons
- FontAudio7 icons
- OpenMoji6 icons
- Streamline color6 icons
- Lineicons6 icons
- BoxIcons Solid6 icons
- Memory Icons6 icons
- CoreUI Free6 icons
- Flat Color Icons6 icons
- SVG Logos5 icons
- Lets Icons5 icons
- Flex free icons5 icons
- Sargam Icons5 icons
- Teenyicons5 icons
- Material Icon Theme5 icons
- Material Line Icons5 icons
- Firefox OS Emoji5 icons
- Flex color icons5 icons
- Pixel free icons5 icons
- Cyber free icons5 icons
- Basil5 icons
- OpenSearch UI5 icons
- Gitlab SVGs5 icons
- Entypo+5 icons
- Cuida Icons5 icons
- Mono Icons5 icons
- Sharp free icons4 icons
- Clarity4 icons
- Flowbite Icons4 icons
- Cyber color icons4 icons
- Pixel Icon4 icons
- HeroIcons v1 Solid4 icons
- HeroIcons v1 Outline4 icons
- uiw icons4 icons
- Rivet Icons4 icons
- Quill Icons4 icons
- Health Icons3 icons
- Plump free icons3 icons
- Logos free icons3 icons
- Emoji One (v1)3 icons
- Stash Icons3 icons
- Octicons3 icons
- Gravity UI Icons3 icons
- Circum Icons3 icons
- Feather Icon3 icons
- EOS Icons3 icons
- Simple line icons3 icons
- Mono Icons3 icons
- Font Awesome 5 Regular3 icons
- Bytesize Icons3 icons
- Ultimate free icons2 icons
- VSCode Icons2 icons
- Catppuccin Icons2 icons
- Pixelarticons2 icons
- OOUI2 icons
- Unicons Monochrome2 icons
- Element Plus2 icons
- Font Awesome Regular2 icons
- Gridicons2 icons
- Unicons Solid2 icons
- Font Awesome 6 Regular2 icons
- Nimbus2 icons
- Web Symbols Liga2 icons
- Web3 Icons1 icons
- Dinkie Icons1 icons
- File Icons1 icons
- CoreUI Brands1 icons
- Temaki1 icons
- Röntgen1 icons
- Bubbles1 icons
- Lucide Lab1 icons
- Guidance1 icons
- Guidance1 icons
- Raphael1 icons
- Charm Icons1 icons
- Unicons Thin Line1 icons
- FormKit Icons1 icons
- Innowatio Font1 icons
- Elegant1 icons
- Flat UI Icons1 icons
- Icalicons1 icons
- CodeX Icons1 icons
- Gala Icons1 icons
Skip the browsing. With Pro, your AI agent finds the playback icon you describe in any library and installs it.
Get ProTags
Related tags
Tags the same icons carry, closest to playback first.
Pricing
Playback icons MCP, with Pro
Your agent finds the playback icon you describe in any of 177 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 playback icons: how many there are, which libraries draw them, and how to use and license them.
Install any playback icon from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.