Toggle On 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-on.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-on.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-on.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-toggle-on.json
Category:interface
Tags:toggleswitchonenabledactiveactivatedcontrolstate

The toggle-on icon represents enabled switch states and activated settings in application interfaces.

Featuring a toggle switch in the on position with the indicator positioned to the right, this control has become the universal symbol for enabled features and active settings across digital platforms.

Frequently Asked Questions

Common questions about the Toggle On icon

Similar Icons

Chat Approve - communication icon from Akar Icons
chat approve
Pencil - actions icon from Akar Icons
pencil
Person - communication icon from Akar Icons
person
Circle Chevron Down - navigation icon from Akar Icons
circle chevron down
Circle Chevron Left - navigation icon from Akar Icons
circle chevron left
Planet - interface icon from Akar Icons
planet
Drag Vertical Fill - interface icon from Akar Icons
drag vertical fill
Game Controller - interface icon from Akar Icons
game controller
Drag Horizontal - interface icon from Akar Icons
drag horizontal