Toggle Off

toggle-off

Interfaces Toggle

A horizontal toggle switch in the off/left position, representing a disabled setting. Use for feature toggles, settings switches, or on/off preference controls.

Code

<i class="icf-solid icf-toggle-off"></i>

icf-solid icf-toggle-off

<i className="icf-solid icf-toggle-off" />

Unicode: 
Hex: \e2a0
HTML Entity: 

.my-icon::before {
    font-family: "Iconfyra 1";
    font-weight: 900;
    content: "\e2a0";
}

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
    <path d="M512,256C512,350.929 434.929,428 340,428L172,428C77.071,428 0,350.929 0,256C0,161.071 77.071,84 172,84L340,84C434.929,84 512,161.071 512,256ZM450,256C450,195.289 400.711,146 340,146L172,146C111.289,146 62,195.289 62,256C62,316.711 111.289,366 172,366L340,366C400.711,366 450,316.711 450,256ZM172,184C211.738,184 244,216.262 244,256C244,295.738 211.738,328 172,328C132.262,328 100,295.738 100,256C100,216.262 132.262,184 172,184Z"/>
</svg>

Available Variants

Classic

Solid

Free

Regular

Free

Light

Basic

Thin

Basic

Duotone

Solid

Pro

Regular

Pro

Light

Pro

Thin

Pro

Sizes

16px

24px

32px

48px

64px

96px

128px

Download

SVG (Classic Solid) SVG (Classic Regular)