Settings 2 Pixel Art Icon
An alternate settings icon for preferences panels, configuration screens, admin controls and app-option navigation.
Tags
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Settings 2 icon
A gear or cog drawn in a different proportion or tooth count from the primary settings-cog icons, providing a stylistic alternative for settings and configuration surfaces. Use it for a 'Settings' nav item, a preferences modal trigger, or admin configuration pages. Mixing settings-2 and settings-cog is rarely advisable in the same product; pick one family and stay consistent. For narrow actions like 'add a config' or 'remove a config,' the settings-cog-plus or settings-cog-minus icons are more specific.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/settings-2.svg" width="24" height="24" alt="Settings 2" />
<!-- React -->
import { Settings2 } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="settings-2.svg" width="48" height="48" style="image-rendering: pixelated" />