Skip to content

React icon libraries for shadcn/ui.

Find free SVG icons from Lucide, Heroicons, Tabler, Phosphor and hundreds more, then copy, download or install them as React components with the shadcn CLI.

Add shadcn.io to your AI agent. · Pro It installs any icon from a prompt, with Pro.

Set up MCP

Compare free icons across popular libraries

Lucide

ISC license · Free

1,655icons, each with its own page

Browse Lucide
  • search icon from Lucide
  • house icon from Lucide
  • settings icon from Lucide
  • heart icon from Lucide
  • user icon from Lucide
  • bell icon from Lucide
  • mail icon from Lucide
  • calendar icon from Lucide
  • camera icon from Lucide
  • shopping-cart icon from Lucide
  • download icon from Lucide
  • upload icon from Lucide
  • lock icon from Lucide
  • star icon from Lucide
  • trash-2 icon from Lucide
  • share-2 icon from Lucide
  • cloud icon from Lucide
  • check icon from Lucide
  • x icon from Lucide
  • plus icon from Lucide
  • menu icon from Lucide
  • funnel icon from Lucide
  • pencil icon from Lucide
  • bookmark icon from Lucide

Libraries

Popular icon libraries

The icon sets shadcn/ui projects reach for first, largest first, each with its license.

All 222 libraries, A to Z

Skip the search. With Pro, your AI agent finds and installs any icon from a prompt.

Get Pro

Tags

Browse icons by tag

Find icons by what they show, from navigation and finance to devices and music, across every library.

MCP · Pro

Let your AI agent add the icons

Connect the shadcn.io MCP server to Claude Code or Cursor, and your agent finds the right icon and installs it as a React component.

Your agent
  1. shadcn.io MCP connected · 18 tools
  2. You: Add a search icon to the navbar.
  3. Agent step: Read components/icons/Returns: Your project uses Lucide
  4. MCP call: search_icons({ query: "search" })Returns: Searched 222 libraries: Lucide, Tabler, Phosphor…
  5. MCP call: get_icon({ library: "lucide", name: "search" })Returns: React source + install command
  6. Agent step: Ran shadcn addReturns: components/icons/lucide-search.tsx
  7. Your agent: Added SearchIcon from Lucide to the navbar, so it matches the icons you already use.

In your project

Compared in 8 sets, picked Lucide

  • Lucide, picked
  • Tabler
  • Heroicons
  • Phosphor
  • Material
  • Radix
  • Font Awesome
  • Feather

Lucide Search

  • The set your other icons use
  • A typed React component

1 prompt → 2 MCP calls

Set up in about a minute. Paste your MCP URL into any editor. Your code stays on your machine.

Get Pro

Pricing

Get MCP with Pro

Every Pro plan includes the MCP server, 6,000+ shadcn/ui blocks and 14 premium templates. The icons themselves stay free.

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

Icon library FAQ

Licenses, the shadcn CLI, downloads and customization: what to know before you use these icons in a React, Next.js or Tailwind project.

Install any icon from a prompt

Pro gives your AI agent the shadcn.io MCP server, plus 6,000+ blocks and 14 premium templates. The icons stay free.

Get Pro