What does the toggle right icon represent?

It signifies an 'on' or 'enabled' state for a toggle switch, often used in settings or preference menus.

How do I use the toggle right icon in React?

Import it as `ToggleRight` from '@phosphor-icons/react' and use it as a component: ` `.

Phosphor icons are distributed under the MIT license, allowing for free use.

Phosphor · toggle-right · MIT

The Phosphor toggle right icon depicts a switch in the 'on' or 'enabled' position, commonly used to represent an active setting or preference.

Install

npm i @phosphor-icons/react

Import & render

import { ToggleRight } from '@phosphor-icons/react';

<ToggleRight size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<ToggleRight size={24} />

thin

<ToggleRight size={24} weight="thin" />

light

<ToggleRight size={24} weight="light" />

bold

<ToggleRight size={24} weight="bold" />

fill

<ToggleRight size={24} weight="fill" />

duotone

<ToggleRight size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: switchcontrolssettingspreferencessystemtogglerightswitch onenabled toggleslider righton switch

What does the toggle right icon represent?: It signifies an 'on' or 'enabled' state for a toggle switch, often used in settings or preference menus.
How do I use the toggle right icon in React?: Import it as `ToggleRight` from '@phosphor-icons/react' and use it as a component: `<ToggleRight />`.
What is the license for Phosphor icons?: Phosphor icons are distributed under the MIT license, allowing for free use.

The same idea in other libraries, and near matches in Phosphor.