Skip to content
shadcn.io

Config icons for React.

117 free config icons from 33 libraries, Lucide, Material Symbols and Simple 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 config icon you describe, from any library, with Pro.

Set up MCP

90 icons · every library

  • File Cog icon from Lucide
  • Settings Accessibility icon from Material Symbols
  • Settings Account Box icon from Material Symbols
  • Settings Alert icon from Material Symbols
  • Shield Toggle Outline icon from Material Symbols
  • Mastercomfig icon from Simple Icons
  • Text Bullet List Square Settings 20 Filled icon from Fluent UI System Icons
  • Adjust icon from Material Symbols Light
  • Notification Settings icon from Material Symbols Light
  • Settings Night Sight icon from Material Symbols Light
  • Settings Outline icon from Material Symbols Light
  • Settings Overscan icon from Material Symbols Light
  • Dualwallpaper icon from Arcticons
  • Dualwallpaper Alt icon from Arcticons
  • Facetune icon from Arcticons
  • Free Mobile Config icon from Arcticons
  • Icon Changer icon from Arcticons
  • Icon Changer  2 icon from Arcticons
  • Installerx icon from Arcticons
  • Install With Options icon from Arcticons
  • Overridedns icon from Arcticons
  • Round More icon from Google Material Icons
  • Round Settings Brightness icon from Google Material Icons
  • Round Settings Ethernet icon from Google Material Icons
  • Movie Settings icon from Material Design Icons
  • Database Setting icon from IconPark
  • File Settings icon from IconPark
  • File Settings One icon from IconPark
  • Setting Config icon from IconPark Outline
  • Setting One icon from IconPark Outline
  • Setting Three icon from IconPark Outline
  • Setting Two icon from IconPark Outline
  • Cloud Satellite Config icon from Carbon
  • Task Settings icon from Carbon
  • Options icon from IonIcons
  • Adjustment icon from TDesign Icons
  • Folder Setting icon from TDesign Icons
  • Wrench Adjustable icon from Bootstrap Icons
  • Aws Config icon from SVG Logos
  • Browserslist icon from SVG Logos
  • Adjustment icon from IconPark Solid
  • Database Config icon from IconPark Solid
  • Alert Settings icon from Fluent UI MDL2
  • Bxs Filter Alt icon from BoxIcons
  • Configuration icon from Siemens Industrial Experience Icons
  • Configure icon from Siemens Industrial Experience Icons
  • File Type Craco icon from VSCode Icons
  • File Type Graphql Config icon from VSCode Icons
  • File Type Ini icon from VSCode Icons
  • File Type Light Config icon from VSCode Icons
  • File Type Light Systemd icon from VSCode Icons
  • File Type Mcp icon from VSCode Icons
  • File Type Vueconfig icon from VSCode Icons
  • File Type Wallaby icon from VSCode Icons
  • File Type Watchmanconfig icon from VSCode Icons
  • Config Js icon from File Icons
  • Config Perl icon from File Icons
  • Config Python icon from File Icons
  • Config React icon from File Icons
  • Config Ruby icon from File Icons
  • Config Rust icon from File Icons
  • Config Typescript icon from File Icons
  • Environment Filled icon from Ant Design Icons
  • Environment Outlined icon from Ant Design Icons
  • Adjust icon from BoxIcons Solid
  • Adjust Alt icon from BoxIcons Solid
  • Customize icon from BoxIcons Solid
  • Astro Config icon from Catppuccin Icons
  • Folder Config icon from Catppuccin Icons
  • Folder Config Open icon from Catppuccin Icons
  • Gleam Config icon from Catppuccin Icons
  • Luau Config icon from Catppuccin Icons
  • Python Config icon from Catppuccin Icons
  • Rust Alt Config icon from Catppuccin Icons
  • Rust Config icon from Catppuccin Icons
  • Typescript Config icon from Catppuccin Icons
  • Vue Config icon from Catppuccin Icons
  • Document Config icon from Grommet Icons
  • Safari Option icon from Grommet Icons
  • More Horizontal icon from Pixelarticons
  • More Vertical icon from Pixelarticons
  • Settings icon from Flat Color Icons
  • Adjust icon from Entypo+
  • Settings icon from Material Design Light
  • Wrench icon from Feather Icon
  • Option icon from Innowatio Font
  • Option Horizontal icon from Innowatio Font
  • Options icon from Bytesize Icons
  • Settings icon from Bytesize Icons
  • Settings icon from Gala Icons
All 90 shown
  • 90 designs, one style each
  • From 33 libraries
  • 83% under permissive licenses
  • 117 icons in every style

Libraries

Config icons in each library

How each set draws config: settings, adjust, options and adjustment and more. Open one to see only its icons.

25 more libraries

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

Get Pro

Tags

Tags the same icons carry, closest to config first.

Pricing

Config icons MCP, with Pro

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

Install any config icon from a prompt

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

Get Pro