Toggle Right Pixel Art Icon
A toggle switch in the on position for enabled features, active modes, boolean settings and 'On' state confirmations.
Tags
togglerightforwardnexteast
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Toggle Right icon
A pill-shaped toggle with the thumb on the right, indicating an enabled or active state. Place it next to toggle-left in a settings panel to show the active state of a boolean option: airplane mode on, notifications enabled, dark mode active. In lists of feature flags or user preferences, the right-thumb position gives an immediate visual signal of what is currently turned on, even before reading the label.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/toggle-right.svg" width="24" height="24" alt="Toggle Right" />
<!-- React -->
import { ToggleRight } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="toggle-right.svg" width="48" height="48" style="image-rendering: pixelated" />