The Lucide toggle right icon visually represents an 'on' or 'enabled' state, commonly used to indicate that a switch or setting is activated.
Common uses
- Indicate a setting is turned on
- Show an active toggle switch
- Represent a selected option
Use it in React
Install
npm i lucide-reactImport & render
import { ToggleRight } from 'lucide-react';
<ToggleRight size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- onoffswitchbooleantogglerightswitch onenabledactiveslider right
FAQ
- What does the toggle right icon represent?
- It signifies an 'on' or 'enabled' state, often used for switches, toggles, or active selections in a user interface.
- How do I use the toggle right icon in React?
- You can import and use it directly from the 'lucide-react' library with the following import statement: import { ToggleRight } from 'lucide-react'.
- What is the license for the Lucide toggle right icon?
- The Lucide icon library, including the toggle right 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 →