Crosshairs Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Crosshairs 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/319825.svg" alt="Crosshairs icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/319825.svg" alt="Crosshairs icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/319825.svg" alt="Crosshairs icon" :width="24" :height="24" />
CSS background
.icon-crosshairs {
background-image: url('https://proicons.com/icon/319825.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <g id="crosshairs_00000176737497320860116960000010064010291473056421_"> <path d="M16.36,31h-0.72v-1.645C8.559,29.167,2.833,23.441,2.645,16.36H1v-0.72h1.645C2.833,8.559,8.559,2.833,15.64,2.645V1h0.72 v1.645c7.082,0.188,12.807,5.914,12.996,12.995H31v0.72h-1.645c-0.188,7.082-5.914,12.807-12.996,12.996V31H16.36z M16.36,24.353 v4.282c6.684-0.188,12.087-5.591,12.275-12.275h-4.282C24.168,20.684,20.684,24.168,16.36,24.353z M3.365,16.36 c0.188,6.684,5.59,12.087,12.275,12.275v-4.282c-4.324-0.185-7.808-3.669-7.993-7.993H3.365z M15.64,21h0.72v2.632 c3.927-0.184,7.088-3.345,7.272-7.272H21v-0.72h2.632c-0.184-3.927-3.345-7.089-7.272-7.272V11h-0.72V8.368 c-3.927,0.183-7.089,3.345-7.272,7.272H11v0.72H8.368c0.183,3.927,3.345,7.088,7.272,7.272C15.64,23.632,15.64,21,15.64,21z M24.353,15.64h4.282C28.447,8.956,23.044,3.553,16.36,3.365v4.282C20.684,7.832,24.168,11.316,24.353,15.64z M3.365,15.64h4.282 c0.185-4.324,3.669-7.808,7.993-7.993V3.365C8.956,3.553,3.553,8.956,3.365,15.64z"/> </g> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!