The Standard Icon Set

Navigation

Compass icon

A circle with a slim diamond needle tilted toward the upper right. Use for explore, discover, or navigation.

Also searched as explore, discover.

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.94 11.79 12.36 12.363C11.79 12.936 11.11 13.39 10.36 13.7C9.61 14.01 8.81 14.17 8 14.17C7.19 14.17 6.39 14.01 5.64 13.7C4.89 13.39 4.21 12.936 3.64 12.363C3.06 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.06 4.21 3.64 3.637C4.21 3.064 4.89 2.61 5.64 2.3C6.39 1.99 7.19 1.83 8 1.83C8.81 1.83 9.61 1.99 10.36 2.3C11.11 2.61 11.79 3.064 12.36 3.637C12.94 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="M10.75 5.246L9.1 9.102L5.25 10.754L6.9 6.898L10.75 5.246Z" 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.