The Lucide toggle left icon visually represents an 'off' or 'left' state, commonly used to indicate a switch or boolean option that is currently inactive.
Common uses
- Default state for a toggle switch
- Indication of a disabled setting
- Representing a 'false' boolean value
Use it in React
Install
npm i lucide-reactImport & render
import { ToggleLeft } from 'lucide-react';
<ToggleLeft size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- onoffswitchbooleantoggleleftswitch offboolean offinactive toggleslider off
FAQ
- What does the toggle left icon represent?
- It signifies an inactive or 'off' state, often used for switches, toggles, or boolean values that are set to false.
- How do I use this icon in React?
- You can import and use it directly from the 'lucide-react' library with the following import statement: import { ToggleLeft } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the toggle left icon, is distributed 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 →