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-ui-settings.json
npx shadcn@latest add https://www.shadcn.io/registry/flat-ui-settings.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/flat-ui-settings.json
bunx shadcn@latest add https://www.shadcn.io/registry/flat-ui-settings.json
Category:system
Tags:gearconfigurationpreferencesoptionscontrolscustomizeadmin

This icon indicates configuration options, system preferences, and customization features in modern interfaces.

The gear symbol has become the universal representation of settings access, control panels, and administrative functions across all platforms.

Frequently Asked Questions

Common questions about the Settings icon

Similar Icons

Magicmouse - interface icon from Flat UI Icons
magicmouse
Dynamite - status icon from Flat UI Icons
dynamite
Trip Bag - interface icon from Flat UI Icons
trip bag
Macbook - interface icon from Flat UI Icons
macbook
Basket - interface icon from Flat UI Icons
basket
Button - interface icon from Flat UI Icons
button
Camera - media icon from Flat UI Icons
camera
Clocks - interface icon from Flat UI Icons
clocks
Compas - navigation icon from Flat UI Icons
compas