The Standard Icon Set

Controls

Toggle Off icon

A pill-shaped switch with a hollow circle knob at the left end. Use for a switch turned off or a disabled 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="M7.253 8C7.253 8.465 7.068 8.911 6.74 9.239C6.411 9.568 5.965 9.753 5.5 9.753C5.035 9.753 4.59 9.568 4.261 9.239C3.932 8.911 3.748 8.465 3.748 8C3.748 7.535 3.932 7.089 4.261 6.761C4.59 6.432 5.035 6.247 5.5 6.247C5.965 6.247 6.411 6.432 6.74 6.761C7.068 7.089 7.253 7.535 7.253 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

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

Related15