heroicons + sidekickicons
All icons

Crosshair icon

crosshair

A ring with four ticks, for "use my location", centering a map and precise selection.

Missing from Heroicons, where it was requested with 7 votes in #344 .

Component
CrosshairIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
location, my location, gps, locate, aim, center, precision, scope

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 12a6 6 0 1 0 12 0 6 6 0 1 0-12 0Zm6-9.25V6m0 12v3.25M2.75 12H6m12 0h3.25" />
</svg>

Crosshair icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Located Located

Badges · Micro

Related icons

map target bars-3-bottom-center map-pin

More Sidekickicons