The Lucide sliders horizontal icon visually represents a set of adjustable controls or settings, commonly used to indicate options that can be modified.
Common uses
- Opening a settings modal
- Applying filters to a list
- Adjusting a range of values
Use it in React
Install
npm i lucide-reactImport & render
import { SlidersHorizontal } from 'lucide-react';
<SlidersHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- settingsfilterscontrolsslidershorizontalsettings iconfilter iconcontrols icon
FAQ
- What is the sliders horizontal icon used for?
- It's typically used to represent settings, filters, or controls that allow users to adjust parameters.
- How do I use the sliders horizontal icon in React?
- You can import and use it like this: import { SlidersHorizontal } from 'lucide-react'. Then render it as <SlidersHorizontal />.
- What is the license for the Lucide sliders horizontal icon?
- The Lucide icon library, including the sliders horizontal icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →