Skip to content

Settings Option

The settings-option icon represents a settings or options menu commonly used in software applications to access configuration or preferences.

Add shadcn.io to your AI agent. · Pro It installs Settings Option, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Settings Option icon from Grommet Icons
Get Pro

637 in Grommet IconsApache 2.0 license (opens in a new tab)Free to copy and download

Code

Settings Option in your framework

In any framework. Customize it above, and the code follows.

export const SettingsOptionIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <path fill="none" stroke="currentColor" strokeWidth="2" d="M12 9V0m3 12h9M0 12h9m3 12v-9m0 6a9 9 0 1 0 0-18a9 9 0 0 0 0 18ZM3.5 8.5L1 7.5m19.5 8l2.5 1M3 3l2.5 2.5M3 3l2.5 2.5M18 18l2.5 2.5m0-17.5L18 5.5M5.5 18L3 20.5m9-5.5a3 3 0 1 0 0-6a3 3 0 0 0 0 6Zm8.5-6.5l2.5-1m-7.5-4l1-2.5m-1 19.5l1 2.5m-8-2.5l-1 2.5m-4-7.5l-2.5 1m7.5-13L7.5 1"/>
  </svg>
);

Grommet Icons

Icons that share its tags, in the same style.

  • Services icon from Grommet Icons
  • Tools icon from Grommet Icons
  • System icon from Grommet Icons
  • Chat Option icon from Grommet Icons
  • Clear Option icon from Grommet Icons
  • More icon from Grommet Icons
  • More Vertical icon from Grommet Icons
  • Catalog Option icon from Grommet Icons
  • Help Option icon from Grommet Icons
  • Home Option icon from Grommet Icons
  • Tape Option icon from Grommet Icons
  • Cli icon from Grommet Icons
  • Dashboard icon from Grommet Icons
  • Drag icon from Grommet Icons
  • Fan Option icon from Grommet Icons
  • Integration icon from Grommet Icons
  • Service Play icon from Grommet Icons
  • Share icon from Grommet Icons
  • Share Option icon from Grommet Icons
  • Share Rounded icon from Grommet Icons
  • Shield icon from Grommet Icons
  • Shield Security icon from Grommet Icons
  • Shift icon from Grommet Icons
  • Shop icon from Grommet Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Grommet Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Settings Option is tagged interface, management, settings and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Grommet Icons MCP, with Pro

Ask for Settings Option or any of 637 Grommet Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons 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

Frequently asked questions

What the Settings Option icon means and where it's used, then how to install, style and license it.

Install Settings Option from a prompt

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

Get Pro