The Standard Icon Set

Navigation

Arrow Up Circle Dashed icon

A dashed circle with an up arrow in the middle. Use for a pending upload or an upload in progress.

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="M8 14.17C6.364 14.17 4.794 13.52 3.637 12.363C2.48 11.206 1.83 9.636 1.83 8C1.83 6.364 2.48 4.794 3.637 3.637C4.794 2.48 6.364 1.83 8 1.83M10.611 2.403C11.263 2.709 11.856 3.127 12.363 3.637M13.597 5.389C13.9 6.042 14.087 6.743 14.148 7.46M13.961 9.598C13.775 10.292 13.469 10.948 13.057 11.537M11.537 13.057C10.948 13.469 10.292 13.775 9.598 13.961" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 10.589V5.411M10.215 7.625L8 5.411L5.785 7.625" 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.