The Standard Icon Set

Navigation

Arrow Up Circle icon

An arrow pointing up inside a circle. Use for upload, scroll up, or move up.

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="M14.17 8C14.17 8.81 14.01 9.613 13.7 10.361C13.39 11.11 12.936 11.79 12.363 12.363C11.79 12.936 11.11 13.39 10.361 13.7C9.613 14.01 8.81 14.17 8 14.17C7.19 14.17 6.387 14.01 5.639 13.7C4.89 13.39 4.21 12.936 3.637 12.363C3.064 11.79 2.61 11.11 2.3 10.361C1.99 9.613 1.83 8.81 1.83 8C1.83 7.19 1.99 6.387 2.3 5.639C2.61 4.89 3.064 4.21 3.637 3.637C4.21 3.064 4.89 2.61 5.639 2.3C6.387 1.99 7.19 1.83 8 1.83C8.81 1.83 9.613 1.99 10.361 2.3C11.11 2.61 11.79 3.064 12.363 3.637C12.936 4.21 13.39 4.89 13.7 5.639C14.01 6.387 14.17 7.19 14.17 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 10.586V5.414M10.217 7.631L8 5.414L5.783 7.631" 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