Gear Pixel Art Icon
A gear or cog icon for settings pages, configuration panels, preferences menus, and system options across all app types.
Tags
cogsettingspreferencesoptionsconfig
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Gear icon
A toothed gear or cog wheel, the most widely recognized symbol for settings and configuration. Use it on a 'Settings' navigation item, a preferences panel trigger, a configuration menu button, or a row action that opens an options dialog. Users across all backgrounds interpret it as 'there are options here.' When you need to combine AI context with settings, ai-settings is more specific; for folder-level configuration, folder-settings is clearer. The gear alone is the go-to for general application preferences.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/gear.svg" width="24" height="24" alt="Gear" />
<!-- React -->
import { Gear } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="gear.svg" width="48" height="48" style="image-rendering: pixelated" />