The Lucide settings icon depicts a cogwheel, commonly used in user interfaces to represent options, configuration, or preferences.
Common uses
- Accessing application preferences
- Opening a configuration panel
- Navigating to user account settings
Use it in React
Install
npm i lucide-reactImport & render
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.