Custom Crosshair Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: custom crosshair

The Custom Crosshair icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/324198.svg" alt="Custom Crosshair icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/324198.svg" alt="Custom Crosshair icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/324198.svg"
  alt="Custom Crosshair icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-custom-crosshair {
  background-image: url('https://proicons.com/icon/324198.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M20.019,45.1285c-8.7022-1.6395-15.509-8.4467-17.148-17.149" style="fill:none; stroke:#000; stroke-linecap:round; stroke-linejoin:round;"/><path d="M45.127,27.9805c-1.639,8.7-8.4434,15.506-17.143,17.147" style="fill:none; stroke:#000; stroke-linecap:round; stroke-linejoin:round;"/><path d="M27.978,2.8718c8.7054,1.6393,15.5142,8.4501,17.151,17.156" style="fill:none; stroke:#000; stroke-linecap:round; stroke-linejoin:round;"/><path d="M2.8717,20.0145C4.5132,11.314,11.3205,4.5094,20.0217,2.8715" style="fill:none; stroke:#000; stroke-linecap:round; stroke-linejoin:round;"/></svg>

Copied!

Custom Crosshair Icon

More from Arcticons