The Standard Icon Set

Navigation

Chevron Circle Down icon

A down chevron inside a circle. Use for expand, show more, or a dropdown.

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 7.19 14.01 6.387 13.7 5.639C13.39 4.89 12.936 4.21 12.363 3.637C11.79 3.064 11.11 2.61 10.361 2.3C9.613 1.99 8.81 1.83 8 1.83C7.19 1.83 6.387 1.99 5.639 2.3C4.89 2.61 4.21 3.064 3.637 3.637C3.064 4.21 2.61 4.89 2.3 5.639C1.99 6.387 1.83 7.19 1.83 8C1.83 8.81 1.99 9.613 2.3 10.361C2.61 11.11 3.064 11.79 3.637 12.363C4.21 12.936 4.89 13.39 5.639 13.7C6.387 14.01 7.19 14.17 8 14.17C8.81 14.17 9.613 14.01 10.361 13.7C11.11 13.39 11.79 12.936 12.363 12.363C12.936 11.79 13.39 11.11 13.7 10.361C14.01 9.613 14.17 8.81 14.17 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M5.604 7.396L8 8.945L10.396 7.396" stroke="currentColor" stroke-linecap="round" stroke-width="1.182"/></svg>

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