cog 6 tooth icon

Common uses

• Accessing application settings
• Opening a configuration panel
• Navigating to user preferences

Use it in React

npm i @heroicons/react

import { Cog6ToothIcon } from '@heroicons/react/24/outline';

<Cog6ToothIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<Cog6ToothIcon className="size-6" />

<Cog6ToothIcon className="size-6" />

<Cog6ToothIcon className="size-6" />

<Cog6ToothIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

cog6toothgearsettingspreferencesconfiguration

FAQ

What does the cog 6 tooth icon represent?

This icon represents a gear with six teeth, typically used to signify settings or configuration options in software.

How do I use the cog 6 tooth icon in React?

You can import and use it in React with: import { Cog6ToothIcon } from '@heroicons/react/24/outline'.

What is the license for this icon?

The Heroicons cog 6 tooth icon is available under the MIT license.

Related icons

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