cog 8 tooth icon

Common uses

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

Use it in React

npm i @heroicons/react

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

<Cog8ToothIcon className="size-6" />

Styles

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

<Cog8ToothIcon className="size-6" />

<Cog8ToothIcon className="size-6" />

<Cog8ToothIcon className="size-6" />

<Cog8ToothIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

cog8toothgearsettingspreferencesconfiguration

FAQ

What is the cog 8 tooth icon used for?

This icon represents settings or configuration. It's typically used to indicate where a user can adjust application preferences or system settings.

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

You can import it from the Heroicons library like this: import { Cog8ToothIcon } from '@heroicons/react/24/outline'. Then use it as a React component.

What is the license for this icon?

The cog 8 tooth icon is part of the Heroicons library, which is released under the MIT license.

Related icons

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