Skip to content

Setting icons for React.

290 free setting icons from 76 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 setting icon you describe, from any library, with Pro.

Set up MCP

234 icons · every library

  • Option icon from Lucide
  • Do Not Disturb Off icon from Material Symbols
  • Do Not Disturb On icon from Material Symbols
  • Equalizer icon from Material Symbols
  • Reduce Capacity icon from Material Symbols
  • Shoppingmode icon from Material Symbols
  • A B icon from Tabler Icons
  • A B  2 icon from Tabler Icons
  • A B Off icon from Tabler Icons
  • Adjustments icon from Tabler Icons
  • Adjustments Alt icon from Tabler Icons
  • Circle Off icon from Tabler Icons
  • History Toggle icon from Tabler Icons
  • Toggle Left icon from Feather Icons
  • Toggle Right icon from Feather Icons
  • Equal Off 16 Filled icon from Fluent UI System Icons
  • Fast Mode 16 Filled icon from Fluent UI System Icons
  • Local Language 16 Filled icon from Fluent UI System Icons
  • Toggle Right 20 Filled icon from Fluent UI System Icons
  • Do Not Disturb Off icon from Material Symbols Light
  • Do Not Disturb On icon from Material Symbols Light
  • Perm Data Setting icon from Material Symbols Light
  • Switch Outline icon from Material Symbols Light
  • Ktweak icon from Arcticons
  • Peachmode icon from Arcticons
  • Quickswitch icon from Arcticons
  • Yrc Setting icon from Arcticons
  • Baseline Density Large icon from Google Material Icons
  • Baseline Density Medium icon from Google Material Icons
  • Baseline Density Small icon from Google Material Icons
  • Baseline Notifications Off icon from Google Material Icons
  • Baseline Notifications Paused icon from Google Material Icons
  • Outline Do Not Disturb Off icon from Google Material Icons
  • Outline Do Not Disturb On icon from Google Material Icons
  • Outline Do Not Disturb On Total Silence icon from Google Material Icons
  • Outline Keyboard Hide icon from Google Material Icons
  • Outline Keyboard Option Key icon from Google Material Icons
  • Outline Mode icon from Google Material Icons
  • Outline Toggle Off icon from Google Material Icons
  • Outline Toggle On icon from Google Material Icons
  • Round Airplanemode Active icon from Google Material Icons
  • Round Airplanemode Inactive icon from Google Material Icons
  • Round Contrast icon from Google Material Icons
  • Round Perm Data Setting icon from Google Material Icons
  • Round Screen Rotation icon from Google Material Icons
  • Round Screen Rotation Alt icon from Google Material Icons
  • Round Stay Current Landscape icon from Google Material Icons
  • Round Stay Current Portrait icon from Google Material Icons
  • Round Stay Primary Landscape icon from Google Material Icons
  • Round Stay Primary Portrait icon from Google Material Icons
  • Round Toggle Off icon from Google Material Icons
  • Round Toggle On icon from Google Material Icons
  • Sharp Do Not Disturb icon from Google Material Icons
  • Sharp Do Not Disturb Alt icon from Google Material Icons
  • Sharp Do Not Disturb Off icon from Google Material Icons
  • Sharp Do Not Disturb On icon from Google Material Icons
  • Sharp Do Not Disturb On Total Silence icon from Google Material Icons
  • Sharp Perm Data Setting icon from Google Material Icons
  • Sharp Plus Minus Alt icon from Google Material Icons
  • Sharp Toggle Off icon from Google Material Icons
  • Sharp Toggle On icon from Google Material Icons
  • Sharp Tune icon from Google Material Icons
  • Twotone Perm Data Setting icon from Google Material Icons
  • Twotone Raw Off icon from Google Material Icons
  • Twotone Raw On icon from Google Material Icons
  • Equalizer Thin icon from Phosphor
  • Eye Off icon from Material Design Icons
  • Volume Vibrate icon from Material Design Icons
  • Headphone Mute icon from Huge Icons
  • Mail Setting  01 icon from Huge Icons
  • Mail Setting  02 icon from Huge Icons
  • Minus Plus  01 icon from Huge Icons
  • Minus Plus  02 icon from Huge Icons
  • Toggle Button icon from OpenMoji
  • Toggle Button State B icon from OpenMoji
  • Database Setting icon from Streamline
  • Database Setting Remix icon from Streamline
  • Vertical Slider Square icon from Streamline
  • Vertical Slider Square Remix icon from Streamline
  • Eye 2 Line icon from MingCute Icon
  • Eyeglass Fill icon from MingCute Icon
  • Switch Fill icon from MingCute Icon
  • Bell With Slash icon from Fluent Emoji Flat
  • Aperture Priority icon from IconPark
  • App Switch icon from IconPark
  • Scan Setting icon from IconPark
  • Add Mode icon from IconPark Outline
  • App Switch icon from IconPark Outline
  • Dark Mode icon from IconPark Outline
  • Database Setting icon from IconPark Outline
  • Optional icon from IconPark Outline
  • Radio Two icon from IconPark Outline
  • Scan Setting icon from IconPark Outline
  • Parameter icon from Carbon
  • Subsetting icon from Carbon
  • Value Variable icon from Carbon
  • Value Variable Alt icon from Carbon
  • Ios Volume Mute icon from IonIcons
  • Ios Volume Off icon from IonIcons
  • Md Switch icon from IonIcons
  • Toggle icon from IonIcons
  • Level Slider icon from Noto Emoji (v1)
  • Contrast  1 icon from TDesign Icons
  • Contrast Filled icon from TDesign Icons
  • Knob icon from WebHostingHub Glyphs
  • Mute icon from WebHostingHub Glyphs
  • Mutealt icon from WebHostingHub Glyphs
  • Mutemic icon from WebHostingHub Glyphs
  • Wrench icon from Bootstrap Icons
  • Dark Dislay Mode icon from Streamline color
  • Dark Dislay Mode Flat icon from Streamline color
  • Database Setting icon from Streamline color
  • Database Setting Flat icon from Streamline color
  • Dial Finger  1 icon from Ultimate free icons
  • Dial Finger 1 Bold icon from Ultimate free icons
  • Toggle Setting On icon from Ultimate free icons
  • Circle Half Stroke icon from Font Awesome Solid
  • Adjustment icon from IconPark Solid
  • Database Setting icon from IconPark Solid
  • Equalizer icon from IconPark Solid
120 of 234
  • 234 designs, one style each
  • From 76 libraries
  • 78% under permissive licenses
  • 290 icons in every style

Libraries

Setting icons in each library

How each set draws setting: switch, toggle on, toggle off and database setting and more. Open one to see only its icons.

68 more libraries

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

Get Pro

Tags

Tags the same icons carry, closest to setting first.

Pricing

Setting icons MCP, with Pro

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

Install any setting icon from a prompt

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

Get Pro