What is the gear six icon used for?

It's typically used for settings, preferences, setup, or system-related actions.

How do I use the gear six icon in React?

Import it from the library like this: import { GearSix } from '@phosphor-icons/react'. Then use it as a component: .

Phosphor icons are distributed under the MIT license, allowing for free use.

Phosphor · gear-six · MIT

The Phosphor gear six icon depicts a mechanical gear with six teeth, commonly used to represent settings, preferences, or system configurations.

Install

npm i @phosphor-icons/react

Import & render

import { GearSix } from '@phosphor-icons/react';

<GearSix size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<GearSix size={24} />

thin

<GearSix size={24} weight="thin" />

light

<GearSix size={24} weight="light" />

bold

<GearSix size={24} weight="bold" />

fill

<GearSix size={24} weight="fill" />

duotone

<GearSix size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: 6settingssetuppreferencescogsgearsmachinerymechanicalsystemgearsixsettings iconpreferences iconcog iconmechanical icon

What is the gear six icon used for?: It's typically used for settings, preferences, setup, or system-related actions.
How do I use the gear six icon in React?: Import it from the library like this: import { GearSix } from '@phosphor-icons/react'. Then use it as a component: <GearSix />.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, allowing for free use.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →