The Standard Icon Set

Controls

Range Slider icon

A horizontal line with two round knobs side by side near the center. Use for range selection or min and max values.

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="M2.5 8H4M7 8H9M12 8H13.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M7 8C7 8.197 6.961 8.392 6.886 8.574C6.81 8.756 6.7 8.921 6.561 9.061C6.421 9.2 6.256 9.31 6.074 9.386C5.892 9.461 5.697 9.5 5.5 9.5C5.303 9.5 5.108 9.461 4.926 9.386C4.744 9.31 4.579 9.2 4.439 9.061C4.3 8.921 4.19 8.756 4.114 8.574C4.039 8.392 4 8.197 4 8C4 7.803 4.039 7.608 4.114 7.426C4.19 7.244 4.3 7.079 4.439 6.939C4.579 6.8 4.744 6.69 4.926 6.614C5.108 6.539 5.303 6.5 5.5 6.5C5.697 6.5 5.892 6.539 6.074 6.614C6.256 6.69 6.421 6.8 6.561 6.939C6.7 7.079 6.81 7.244 6.886 7.426C6.961 7.608 7 7.803 7 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M12 8C12 8.398 11.842 8.779 11.561 9.061C11.279 9.342 10.898 9.5 10.5 9.5C10.102 9.5 9.721 9.342 9.439 9.061C9.158 8.779 9 8.398 9 8C9 7.602 9.158 7.221 9.439 6.939C9.721 6.658 10.102 6.5 10.5 6.5C10.898 6.5 11.279 6.658 11.561 6.939C11.842 7.221 12 7.602 12 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.