Gear 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/akar-icons-gear.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-gear.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-gear.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-gear.json
Category:system
Tags:settingsconfigurationpreferencesgearoptionssystemcontrolssetup

The gear icon represents system settings and configuration options in modern digital interfaces.

Featuring a mechanical cog or gear wheel design, this universal symbol has become the standard indicator for accessing application preferences, system controls, and customization features across web and mobile platforms.

Frequently Asked Questions

Common questions about the Gear icon

Similar Icons

Pentagon - layout icon from Akar Icons
pentagon
Thumbs Up - actions icon from Akar Icons
thumbs up
Fork Right - actions icon from Akar Icons
fork right
X Fill - communication icon from Akar Icons
x fill
Github Outline Fill - communication icon from Akar Icons
github outline fill
Microphone - media icon from Akar Icons
microphone
Backspace - actions icon from Akar Icons
backspace
Wallet - interface icon from Akar Icons
wallet
Codepen Fill - communication icon from Akar Icons
codepen fill