Toggle Left Pixel Art Icon
A toggle switch in the off position for boolean settings, disabled features, inactive modes and 'Off' state indicators.
Tags
toggleleftbackpreviouswest
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Toggle Left icon
A pill-shaped toggle with the thumb sitting on the left, universally indicating an off or inactive state. Use it in settings panels for boolean options, feature flags, and mode switches where the user can flip between on and off. The left position means off in most design systems, so use toggle-right (thumb on right) for the on state. This pairing creates an immediately readable toggle control without relying on color alone.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/toggle-left.svg" width="24" height="24" alt="Toggle Left" />
<!-- React -->
import { ToggleLeft } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="toggle-left.svg" width="48" height="48" style="image-rendering: pixelated" />