The Standard Icon Set

Cursors

Crosshair icon

A circle with four short ticks crossing its edge at the top, bottom, left, and right. Use for targeting, precision, or the current location.

Also searched as target, aim, locate.

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="M12.5 8C12.5 9.193 12.026 10.338 11.182 11.182C10.338 12.026 9.194 12.5 8 12.5C6.806 12.5 5.662 12.026 4.818 11.182C3.974 10.338 3.5 9.193 3.5 8C3.5 6.807 3.974 5.662 4.818 4.818C5.662 3.974 6.806 3.5 8 3.5C9.194 3.5 10.338 3.974 11.182 4.818C12.026 5.662 12.5 6.807 12.5 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 1.75V5.5M8 10.5V14.25M1.75 8H5.5M10.5 8H14.25" 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