The Tabler toggle left icon depicts a switch in its off or left-aligned position, commonly used to represent a binary state or setting.
Common uses
- Representing an 'off' state for a toggle switch.
- Indicating a disabled option in a settings menu.
- Showing the default or initial position of a toggle control.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconToggleLeft } from '@tabler/icons-react';
<IconToggleLeft size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconToggleLeft size={24} stroke={2} />filled
<IconToggleLeftFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- onoffswitchtoggleleftcontroloperationfunctioninterfacemanagementsystemswitch offslider offdeactivatedisabled
FAQ
- What does the toggle left icon represent?
- It visually signifies an 'off' or deactivated state for a switch or toggle control in a user interface.
- How do I use this icon in React?
- Import it using `import { IconToggleLeft } from '@tabler/icons-react'` and then use it as a component like `<IconToggleLeft />`.
- What is the license for this icon?
- The Tabler icon set, including the toggle left icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →