Crosshair Arrow icon
game-icons:crosshair-arrow
The Crosshair Arrow icon (game-icons:crosshair-arrow) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Game Icons
- Author
- GameIcons
- License
- CC-BY-3.0
- Size
- 512 × 512
- Tags
- crosshairarrow
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m101.86 17.793l-18.532 2.41l9.42 72.475l-72.478-9.42l-2.41 18.533l96.55 12.55zm47.744 47.742l-18.532 2.408l9.42 72.48l-72.476-9.42l-2.41 18.532l96.548 12.55zm139.97 44.377v70.28c-19.16 1.463-37.088 7.392-52.756 16.734l13.655 13.654a102.5 102.5 0 0 1 39.1-11.635v37.643a64.7 64.7 0 0 0-10.626 2.467l15.742 15.74a48 48 0 0 1 4.22-.197a46.454 46.454 0 0 1 46.596 46.595c0 1.424-.074 2.83-.197 4.22l15.74 15.743a64.5 64.5 0 0 0 2.45-10.506h38.006a102.5 102.5 0 0 1-11.652 39.31l13.652 13.65c9.374-15.723 15.31-33.723 16.746-52.96h65.57v-18.687h-65.6c-4.64-59.564-52.367-107.23-111.958-111.772v-70.278h-18.69zm-93.01 2.584l-18.53 2.408l9.42 72.48l-72.477-9.423l-2.41 18.534l81.357 10.576L395.38 408.523l22.472 8.7l-8.33-20.987l-17.043-17.043l.08-.095l-13.214-13.217l-.08.1l-27.12-27.117l.077-.103l-13.407-13.408l-.07.11l-64.103-64.103q.054-.036.11-.07l-13.407-13.407l-.104.076l-26.79-26.792q.048-.041.1-.082l-13.22-13.217q-.048.04-.096.083l-14.095-14.096l-10.576-81.36zm111.7 86.447c49.447 4.42 88.692 43.6 93.207 93.02h-37.94c-4.075-28.546-26.737-51.245-55.266-55.373zm-111.59 36.705c-10.65 16.48-17.43 35.683-19.037 56.315h-69.535v18.687h69.505c4.463 59.74 52.256 107.6 111.967 112.163v63.812h18.69v-63.813c20.71-1.578 39.985-8.37 56.52-19.054l-13.513-13.512a102.4 102.4 0 0 1-43.006 13.815v-38.263a64.7 64.7 0 0 0 14.636-3.922l-14.96-14.96c-2.92.567-5.937.872-9.03.872a46.453 46.453 0 0 1-46.594-46.594c0-3.092.306-6.11.873-9.03l-14.96-14.958a64.8 64.8 0 0 0-3.94 14.758h-37.9a102.4 102.4 0 0 1 13.794-42.805l-13.51-13.51zm-.32 75.002h37.966c4.163 28.446 26.792 51.04 55.254 55.15v38.26c-49.568-4.44-88.878-43.813-93.22-93.41m249.55 51.235l-21.412 21.412l26.514 66.793l-67.272-26.037l-21.78 21.78l129.46 45.505z"/></svg>How to use the Crosshair Arrow icon
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:crosshair-arrow" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:crosshair-arrow" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:crosshair-arrow" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--crosshair-arrow]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:crosshair-arrow"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:crosshair-arrow"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/game-icons/crosshair-arrow.svg" alt="Crosshair Arrow icon" width="24" height="24">Related icons in Game Icons
Crosshair Arrow icon FAQ
Is the Crosshair Arrow icon free for commercial use?
Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Crosshair Arrow icon in React?
Install @iconify/react and render <Icon icon="game-icons:crosshair-arrow" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Crosshair Arrow icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/crosshair-arrow.svg" alt="Crosshair Arrow icon">, or paste the SVG code inline to style it with CSS.