Settings icon
The Settings icon is available in 27 variants across 20 open-source icon packs, in outline and filled styles. Every variant is free to use in personal and commercial work. Download it as an SVG, copy it straight into React as JSX, or edit the size, stroke width and colour before you copy it.
- Variants
- 27
- Outline
- 18
- Filled
- 9
- Packs
- 20
- Licence
- Free, open source
Basil · fill
Every settings icon variant
Packs: Basil, Boxicons, Carbon Icons, Circum Icons, Clickons, Coolicons, Eva Icons, Feather, Forge Icons, Grassicons, Iconamoon, Iconir, Iconsvg, Lucide Icons, Material Icons, Nucle Icons, Remix Icons, Simple Line Icons, Solar, Tabler
How do I use the settings icon?
Pick the variant that matches your design, set the size, stroke and colour above, then copy it in the format you need. Copy SVG gives you markup you can paste straight into HTML. Copy React returns a typed component that forwards props, so you can restyle it with Tailwind or CSS. Copy data URI is for CSS backgrounds. Every settings icon here is open source and free in commercial work.
Available in Basil, Boxicons, Carbon Icons, Circum Icons, Clickons, Coolicons, Eva Icons, Feather and 12 more.