The Standard Icon Set

Status

Progress icon

A pill-shaped bar with a filled section along its left half. Use for progress bars, loading, or completion.

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="M4 6H12C12.53 6 13.04 6.211 13.41 6.586C13.79 6.961 14 7.47 14 8C14 8.53 13.79 9.039 13.41 9.414C13.04 9.789 12.53 10 12 10H4C3.47 10 2.96 9.789 2.59 9.414C2.21 9.039 2 8.53 2 8C2 7.47 2.21 6.961 2.59 6.586C2.96 6.211 3.47 6 4 6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M4 7.25H8.5C8.7 7.25 8.89 7.329 9.03 7.47C9.17 7.61 9.25 7.801 9.25 8C9.25 8.199 9.17 8.39 9.03 8.53C8.89 8.671 8.7 8.75 8.5 8.75H4C3.8 8.75 3.61 8.671 3.47 8.53C3.33 8.39 3.25 8.199 3.25 8C3.25 7.801 3.33 7.61 3.47 7.47C3.61 7.329 3.8 7.25 4 7.25Z" fill="currentColor"/></svg>

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

Related15