Skip to content

UX icons for React.

30,027 free UX icons from 198 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 UX icon you describe, from any library, with Pro.

Set up MCP

20,316 icons · every library

  • Figma icon from Lucide
  • Accessible Menu Sharp icon from Material Symbols
  • Accessible Sharp icon from Material Symbols
  • Add Row Above Rounded icon from Material Symbols
  • Add Row Below icon from Material Symbols
  • Add Shopping Cart icon from Material Symbols
  • Add Shortcut To Drive icon from Material Symbols
  • Align Horizontal Right icon from Material Symbols
  • Align Items Stretch icon from Material Symbols
  • Align Justify Center icon from Material Symbols
  • Align Justify Flex End icon from Material Symbols
  • Align Justify Flex Start icon from Material Symbols
  • Align Justify Space Around icon from Material Symbols
  • Align Justify Space Between icon from Material Symbols
  • Align Justify Space Even icon from Material Symbols
  • Align Justify Stretch icon from Material Symbols
  • Align Self Stretch icon from Material Symbols
  • Align Space Around icon from Material Symbols
  • Align Space Between icon from Material Symbols
  • Align Space Even icon from Material Symbols
  • Align Start icon from Material Symbols
  • Align Stretch icon from Material Symbols
  • Align Vertical Bottom icon from Material Symbols
  • Align Vertical Center icon from Material Symbols
  • Align Vertical Top icon from Material Symbols
  • Animation Outline icon from Material Symbols
  • Approval Delegation Off Rounded icon from Material Symbols
  • Approval Delegation Sharp icon from Material Symbols
  • Approval Outline icon from Material Symbols
  • Arrow And Edge icon from Material Symbols
  • Arrow Back icon from Material Symbols
  • Arrow Back  2 icon from Material Symbols
  • Arrow Back Ios icon from Material Symbols
  • Arrow Back Ios New icon from Material Symbols
  • Arrow Circle Down icon from Material Symbols
  • Arrow Circle Left icon from Material Symbols
  • Arrow Circle Right icon from Material Symbols
  • Arrow Downward Alt Rounded icon from Material Symbols
  • Arrow Downward Rounded icon from Material Symbols
  • Arrow Drop Down icon from Material Symbols
  • Arrow Drop Down Circle icon from Material Symbols
  • Arrow Drop Up icon from Material Symbols
  • Arrow Range Rounded icon from Material Symbols
  • Arrow Right icon from Material Symbols
  • Arrow Right Alt icon from Material Symbols
  • Arrow Selector Tool icon from Material Symbols
  • Arrow Shape Up icon from Material Symbols
  • Arrow Shape Up Stack Rounded icon from Material Symbols
  • Arrows Left Right Circle Outline icon from Material Symbols
  • Arrows More Down icon from Material Symbols
  • Arrows More Up icon from Material Symbols
  • Arrows Output icon from Material Symbols
  • Arrows Outward icon from Material Symbols
  • Arrow Split icon from Material Symbols
  • Arrow Top Left icon from Material Symbols
  • Arrow Top Right icon from Material Symbols
  • Arrow Upload Progress icon from Material Symbols
  • Arrow Upload Ready icon from Material Symbols
  • Background Dot Small icon from Material Symbols
  • Background Grid Small icon from Material Symbols
  • Background Replace icon from Material Symbols
  • Back Hand icon from Material Symbols
  • Back To Tab icon from Material Symbols
  • Battery Horiz 000 Sharp icon from Material Symbols
  • Battery Horiz  050 icon from Material Symbols
  • Battery Horiz  075 icon from Material Symbols
  • Battery Low icon from Material Symbols
  • Bottom App Bar Sharp icon from Material Symbols
  • Bottom Drawer icon from Material Symbols
  • Bottom Navigation icon from Material Symbols
  • Bottom Panel Open Sharp icon from Material Symbols
  • Bottom Right Click icon from Material Symbols
  • Bottom Sheets icon from Material Symbols
  • Box icon from Material Symbols
  • Box Edit Sharp icon from Material Symbols
  • Boy icon from Material Symbols
  • Brand Awareness icon from Material Symbols
  • Brightness  3 icon from Material Symbols
  • Brightness 3 Outline icon from Material Symbols
  • Brightness Alert Rounded icon from Material Symbols
  • Brightness Auto icon from Material Symbols
  • Brightness Empty icon from Material Symbols
  • Brightness High Rounded icon from Material Symbols
  • Brightness Low Rounded icon from Material Symbols
  • Brightness Medium Rounded icon from Material Symbols
  • Bucket Check Sharp icon from Material Symbols
  • Bug Report icon from Material Symbols
  • Build icon from Material Symbols
  • Build Circle icon from Material Symbols
  • Buttons Alt icon from Material Symbols
  • Category Rounded icon from Material Symbols
  • Category Search icon from Material Symbols
  • Celebration icon from Material Symbols
  • Center Focus Strong Sharp icon from Material Symbols
  • Center Focus Weak icon from Material Symbols
  • Chair icon from Material Symbols
  • Chat Error Sharp icon from Material Symbols
  • Chat Info icon from Material Symbols
  • Chat Outline icon from Material Symbols
  • Check Box icon from Material Symbols
  • Check Box Outline Blank icon from Material Symbols
  • Checkroom icon from Material Symbols
  • Cheer icon from Material Symbols
  • Chef Hat icon from Material Symbols
  • Clarify icon from Material Symbols
  • Clean Hands icon from Material Symbols
  • Cleaning Bucket Sharp icon from Material Symbols
  • Cleaning Outline icon from Material Symbols
  • Cleaning Services icon from Material Symbols
  • Content Paste Go Rounded icon from Material Symbols
  • Content Paste Off Rounded icon from Material Symbols
  • Content Paste Rounded icon from Material Symbols
  • Content Paste Search Rounded icon from Material Symbols
  • Counter  2 icon from Material Symbols
  • Counter 2 Sharp icon from Material Symbols
  • Counter  3 icon from Material Symbols
  • Counter  4 icon from Material Symbols
  • Counter  5 icon from Material Symbols
  • Counter  7 icon from Material Symbols
  • Counter  8 icon from Material Symbols
120 of 20,316
  • 20,316 designs, one style each
  • From 198 libraries
  • 72% under permissive licenses
  • 30,027 icons in every style

Libraries

UX icons in each library

How each set draws UX: home, figma, arrow down and arrow right and more. Open one to see only its icons.

190 more libraries

Skip the browsing. With Pro, your AI agent finds the UX icon you describe in any library and installs it.

Get Pro

Tags

Tags the same icons carry, closest to UX first.

Pricing

UX icons MCP, with Pro

Your agent finds the UX icon you describe in any of 198 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.

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 popular

For 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 UX icons: how many there are, which libraries draw them, and how to use and license them.

Install any UX icon from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro