Crosshair
crosshairA 24px icon in Bloom’s Map category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
Crosshair in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get crosshair --style linear
- Linear
dist/linear/crosshair.svgsvg/linear/crosshair.svg - Line Duotone
dist/line-duotone/crosshair.svgsvg/line-duotone/crosshair.svg - Outline
dist/outline/crosshair.svgsvg/outline/crosshair.svg - Bold
dist/bold/crosshair.svgsvg/bold/crosshair.svg - Bold Duotone
dist/bold-duotone/crosshair.svgsvg/bold-duotone/crosshair.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="6.75"/>
<path d="M12 2.25V5.25"/>
<path d="M12 18.75V21.75"/>
<path d="M2.25 12H5.25"/>
<path d="M18.75 12H21.75"/>
<circle cx="12" cy="12" r="2.25"/>
</svg>More in Map
- arrowhead-down
- arrowhead-left
- arrowhead-right
- arrowhead-up
- compass
- compass-needle
- diamond-arrow-bend-up-right
- globe
- globe-stand
- map
- map-pin
- map-pin-ellipse
- map-pin-ellipse-arrow
- map-pin-graduation-cap
- map-pin-heart
- map-pin-magnifier
- map-pin-minus
- map-pin-plus
- map-pin-plus-thick
- map-pinned
- person-ellipse
- radar
- radar-rings
- route
- route-arrow
- route-map-pins
- signpost
- signpost-lines
- square-arrowhead-up-right
- square-arrows-split-down
- square-arrows-split-up
- square-compass
- square-roads
- square-roads-arrowhead
- square-roads-map-pin