Skip to content

Customize icons for React.

69 free customize icons from 27 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 customize icon you describe, from any library, with Pro.

Set up MCP

53 icons · every library

  • Map Pin Pen icon from Lucide
  • Settings icon from Lucide
  • Table Properties icon from Lucide
  • User Cog icon from Lucide
  • Wifi Pen icon from Lucide
  • Paint Brush icon from HeroIcons
  • Adjust icon from Material Symbols
  • Style icon from Material Symbols
  • Styler icon from Material Symbols
  • Pencil Cog icon from Tabler Icons
  • Shopping Bag Edit icon from Tabler Icons
  • Dashboard 2 Edit icon from Material Symbols Light
  • More Vert icon from Material Symbols Light
  • Addons For Minecraft Pe icon from Arcticons
  • Calendar Proton  18 icon from Arcticons
  • Wallcandy icon from Arcticons
  • Baseline Tune icon from Google Material Icons
  • Outline Edit Notifications icon from Google Material Icons
  • Round More icon from Google Material Icons
  • Round Wallpaper icon from Google Material Icons
  • Sharp Filter  1 icon from Google Material Icons
  • Cookie Plus icon from Material Design Icons
  • Compass Navigator Remix icon from Streamline
  • Composition Oval Remix icon from Streamline
  • Composition Vertical Remix icon from Streamline
  • Recent Views Sort icon from IconPark Outline
  • Style icon from WebHostingHub Glyphs
  • User Edit icon from Font Awesome Solid
  • User Pen icon from Font Awesome Solid
  • Edit icon from IconaMoon
  • Customize Toolbar icon from Fluent UI MDL2
  • Personalize icon from Fluent UI MDL2
  • Bxs Customize icon from BoxIcons
  • Zoom In Remix icon from Flex free icons
  • Zoom Out Gesture Remix icon from Flex free icons
  • Zoom Out Remix icon from Flex free icons
  • Sizing Remix icon from Plump free icons
  • Skull 2 Remix icon from Plump free icons
  • Slack Logo Remix icon from Plump free icons
  • User Settings icon from Siemens Industrial Experience Icons
  • Setting Twotone icon from Ant Design Icons
  • Brush icon from Pico-icon
  • Options icon from Pico-icon
  • Editor Layout icon from Codicons
  • Appearance icon from OOUI
  • Color Picker icon from Dashicons
  • Welcome Widgets Menus icon from Dashicons
  • Settings icon from Flat Color Icons
  • Option icon from Innowatio Font
  • Option Horizontal icon from Innowatio Font
  • Settings icon from Flat UI Icons
  • Spray icon from Flat UI Icons
  • Settings icon from Gala Icons
All 53 shown
  • 53 designs, one style each
  • From 27 libraries
  • 62% under permissive licenses
  • 69 icons in every style

Libraries

Customize icons in each library

How each set draws customize. Open one to see only its icons.

19 more libraries

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

Get Pro

Tags

Tags the same icons carry, closest to customize first.

Pricing

Customize icons MCP, with Pro

Your agent finds the customize icon you describe in any of 27 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 customize icons: how many there are, which libraries draw them, and how to use and license them.

Install any customize icon from a prompt

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

Get Pro