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

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/lucide-settings.json
npx shadcn@latest add https://www.shadcn.io/registry/lucide-settings.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/lucide-settings.json
bunx shadcn@latest add https://www.shadcn.io/registry/lucide-settings.json
Category:interface
Tags:settingsconfigurationpreferencesoptionsgearcustomizecontrolssetup

The settings icon represents configuration and customization options in applications and system interfaces.

Featuring the classic gear or cog wheel design with radiating points, this universally recognized symbol provides access to preferences, system controls, and the configuration panels where users adjust application behavior and personalize their experience.

Frequently Asked Questions

Common questions about the Settings icon

Similar Icons

Construction - status icon from Lucide
construction
Scroll Text - interface icon from Lucide
scroll text
Battery Low - status icon from Lucide
battery low
Git Fork - actions icon from Lucide
git fork
Tickets Plane - interface icon from Lucide
tickets plane
Arrow Down To Line - actions icon from Lucide
arrow down to line
Pound Sterling - data icon from Lucide
pound sterling
Linkedin - social icon from Lucide
linkedin
Folder Open Dot - status icon from Lucide
folder open dot