What is the settings cog icon used for?

It universally signifies access to settings, preferences, or configuration options within an application.

How do I use the settings cog icon in React?

Import it using `import { IconSettingsCog } from '@tabler/icons-react'` and then use it as a component: ` `.

The Tabler icon library, including the settings cog, is available under the MIT license.

Tabler · settings-cog · MIT

The Tabler settings cog icon depicts a gear or cogwheel, commonly used in user interfaces to represent settings, configuration, or options.

Install

npm i @tabler/icons-react

Import & render

import { IconSettingsCog } from '@tabler/icons-react';

<IconSettingsCog size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: System
Keywords: gearconfigurationadjustsetupcontrolwheelmechanismtoothgadgetmachinerysystemsettingscoggear iconconfiguration iconoptions icon

What is the settings cog icon used for?: It universally signifies access to settings, preferences, or configuration options within an application.
How do I use the settings cog icon in React?: Import it using `import { IconSettingsCog } from '@tabler/icons-react'` and then use it as a component: `<IconSettingsCog />`.
What is the license for the Tabler settings cog icon?: The Tabler icon library, including the settings cog, is available under the MIT license.

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

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