The Standard Icon Set

Controls

Toggle On icon

A pill-shaped switch with a solid filled knob at the right end. Use for a switch turned on or an enabled setting.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.5 4.5H10.5C11.428 4.5 12.318 4.869 12.975 5.525C13.631 6.182 14 7.072 14 8C14 8.928 13.631 9.818 12.975 10.475C12.318 11.131 11.428 11.5 10.5 11.5H5.5C4.572 11.5 3.682 11.131 3.025 10.475C2.369 9.818 2 8.928 2 8C2 7.072 2.369 6.182 3.025 5.525C3.682 4.869 4.572 4.5 5.5 4.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M12.5 8C12.5 8.53 12.289 9.039 11.914 9.414C11.539 9.789 11.03 10 10.5 10C9.97 10 9.461 9.789 9.086 9.414C8.711 9.039 8.5 8.53 8.5 8C8.5 7.47 8.711 6.961 9.086 6.586C9.461 6.211 9.97 6 10.5 6C11.03 6 11.539 6.211 11.914 6.586C12.289 6.961 12.5 7.47 12.5 8Z" fill="currentColor"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15