settings icon

Common uses

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

Use it in React

npm i lucide-react

import { Settings } from 'lucide-react';

<Settings size={24} />

Details

Library

Lucide (1,713 icons)

License

ISC

viewBox

0 0 24 24

Keywords

cogeditgearpreferencessettings

FAQ

What is the settings icon used for?

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

How do I use the settings icon in React?

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

What is the license for the Lucide settings icon?

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

Related icons

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