Settings icon

interfacealso known as gear, cog, preferences, options
Colors byColorchord

Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.

When to use it

The gear is the universal front door to configuration — use it for app- or page-level preferences, not for one-off actions. If your product has both account settings and content-level controls, keep the gear for the former and use a sliders icon for the latter; mixing them is the most common settings-icon mistake. Note Heroicons and Phosphor draw it with visibly fewer teeth than Tabler.

Every set here is open-licensed for commercial use with no attribution required in your product — the notices their licenses do require live on our set pages. No accounts, no download walls.
From usKeychord— keyboard shortcuts for every app

Related icons