Settings icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable system vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-settings.json
npx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-settings.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-settings.json
bunx shadcn@latest add https://www.shadcn.io/registry/flat-color-icons-settings.json
Category:system
Tags:settingspreferencesconfigurationoptionsgearcogconfigcustomize

The settings icon represents configuration and preferences functionality across applications.

Featuring a gear or cog symbol, this icon has become the universal representation for settings, configuration options, and preferences across all platform types.

Frequently Asked Questions

Common questions about the Settings icon

Similar Icons

Sim Card Chip - system icon from Flat Color Icons
sim card chip
Approval - status icon from Flat Color Icons
approval
View Details - interface icon from Flat Color Icons
view details
Opened Folder - system icon from Flat Color Icons
opened folder
Remove Image - media icon from Flat Color Icons
remove image
Audio File - media icon from Flat Color Icons
audio file
Radar Plot - data icon from Flat Color Icons
radar plot
Org Unit - communication icon from Flat Color Icons
org unit
Cd Logo - media icon from Flat Color Icons
cd logo