What is the cog icon used for?

It's a universal symbol for settings, preferences, or configuration options within an application.

How do I use the cog icon in React?

Import it from 'lucide-react' and use it as a component: import { Cog } from 'lucide-react'.

The Lucide icon library, including the cog icon, is available under the ISC license.

Lucide · cog · ISC

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

Install

npm i lucide-react

Import & render

import { Cog } from 'lucide-react';

<Cog size={24} />

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: computingsettingscogeditgearpreferencescontrolsconfigurationfixedbuildconstructionparts

What is the cog icon used for?: It's a universal symbol for settings, preferences, or configuration options within an application.
How do I use the cog icon in React?: Import it from 'lucide-react' and use it as a component: import { Cog } from 'lucide-react'.
What is the license for the Lucide cog icon?: The Lucide icon library, including the cog icon, is available under the ISC license.

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

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