Pixelarticons

Settings Cog Pixel Art Icon

A cog-wheel settings icon for preferences, configuration, admin panels and gear-style 'Options' buttons across all platforms.

devices Free 2 variants

Tags

settingspreferencesconfigoptionsgearcog

Style variants

base

Outline · rounded corners

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Settings Cog icon

A toothed gear, the universal icon for settings and configuration. It appears in navigation bars, toolbar overflow menus, profile dropdowns, and admin panels. Users expect to find 'Preferences,' 'Account settings,' or 'App configuration' behind it. Because it is so broadly understood, it needs no label in most contexts. For adding a new configuration profile or removing one, the settings-cog-plus and settings-cog-minus icons extend this base icon meaningfully.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/settings-cog.svg" width="24" height="24" alt="Settings Cog" />

<!-- React -->
import { SettingsCog } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="settings-cog.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons