Cog 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/oi-cog.json
npx shadcn@latest add https://www.shadcn.io/registry/oi-cog.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/oi-cog.json
bunx shadcn@latest add https://www.shadcn.io/registry/oi-cog.json
Category:system
Tags:cogsettingsgearconfigurationpreferencesoptionscontrols

The cog icon represents settings, configuration, and system preferences in application interfaces and control panels.

Featuring a gear or cogwheel design, this universal symbol indicates access to settings menus, configuration options, preference panels, and customization features across applications where user control over system behavior is provided.

Frequently Asked Questions

Common questions about the Cog icon

Similar Icons

Thumb Up - communication icon from Open Iconic
thumb up
List Rich - typography icon from Open Iconic
list rich
Media Pause - media icon from Open Iconic
media pause
Zoom In - actions icon from Open Iconic
zoom in
Battery Empty - status icon from Open Iconic
battery empty
Collapse Up - navigation icon from Open Iconic
collapse up
Dashboard - interface icon from Open Iconic
dashboard
Arrow Top - navigation icon from Open Iconic
arrow top
Underline - typography icon from Open Iconic
underline