Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Crosshair SVG element, flat

Crosshair SVG element, flat

Four short arms surround an open centre circle for precise targeting. Use this icon in image-editing guides or map interface designs.

Free · from Cursors, flat · Set 2

Similar SVGs

More from Cursors, flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oxhUtZMPu0Cw/amnt.svg" alt="Crosshair" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M502 375c-30 3-59 16-81 37-85 85-21 234 101 225 127-10 165-180 56-244-23-13-50-20-76-18zm5 34c126-7 136 186 11 193-127 7-137-185-11-193z" fill="#011d54" stroke="#011d54"/><path d="M508 155c-9 2-17 8-20 17-4 12-4 154 1 165 5 10 15 15 26 14 10-1 17-7 21-16 4-12 4-155-1-166-5-10-17-15-27-14z" fill="#011d54" stroke="#011d54"/><path d="M506 660c-9 2-16 11-18 19-4 12-3 150 1 160 4 11 16 17 27 16 9-1 17-8 20-16 5-12 5-152-1-164-5-11-17-17-29-15z" fill="#011d54" stroke="#011d54"/><path d="M684 482c-25 5-30 41-5 49 11 4 23 2 35 2 29 0 58 0 87 0 11 0 24 2 35 0 24-4 31-38 8-48-11-5-26-3-37-3-29 0-58 0-86 0-12 0-26-2-37 0z" fill="#011d54" stroke="#011d54"/><path d="M189 482c-27 4-31 44-3 50 10 3 21 1 31 1 28 0 57 0 86 0 11 0 25 2 36 0 26-4 32-39 7-49-10-4-23-2-34-2-29 0-57 0-85 0-13 0-26-2-38 0z" fill="#011d54" stroke="#011d54"/></g></svg>
CSS background-image
.crosshair {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oxhUtZMPu0Cw/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.crosshair {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/oxhUtZMPu0Cw/amnt.svg") center / contain no-repeat;
}
React
import CrosshairSvg from "./crosshair.jsx"; // from the React tab above

<CrosshairSvg width={48} height={48} />

Tags

crosshairaimtargetprecisioncursorselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Crosshair: Four short arms around a small open centre circle. A flat element. as part of the pack Cursors, flat · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Browse the library

Settings