Toggle Off icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-off.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-off.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-off.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-off.json
Category:interface
Tags:toggleswitchoffdisabledinactivedeactivatedcontrolstate

The toggle-off icon represents disabled switch states and deactivated settings in application interfaces.

Featuring a toggle switch in the off position with the indicator positioned to the left, this control has become the universal symbol for disabled features and inactive settings across digital platforms.

Frequently Asked Questions

Common questions about the Toggle Off icon

Similar Icons

Python Fill - system icon from Akar Icons
python fill
Schedule - interface icon from Akar Icons
schedule
Panel Split Row - layout icon from Akar Icons
panel split row
Lifesaver - interface icon from Akar Icons
lifesaver
X Fill - communication icon from Akar Icons
x fill
Panel Split Column - layout icon from Akar Icons
panel split column
Heptagon - layout icon from Akar Icons
heptagon
Android Fill - system icon from Akar Icons
android fill
Dot Grid Fill - layout icon from Akar Icons
dot grid fill