Head Shot icon

game-icons:head-shot

The Head Shot icon (game-icons:head-shot) 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: headshot

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 16c-30.6 0-59.243 9.113-82.97 24.844l44.064 44.062c24.486-11.704 53.326-11.704 77.812 0l44.063-44.062C315.242 25.114 286.597 16 256 16M130.844 83.03C115.114 106.758 106 135.402 106 166c0 30.6 9.113 59.245 24.844 82.97l44.062-44.064c-11.704-24.484-11.704-53.326 0-77.812zm250.312 0l-44.062 44.064c11.704 24.486 11.704 53.328 0 77.812l44.062 44.063C396.886 225.242 406 196.598 406 166c0-30.6-9.113-59.245-24.844-82.97m-123.844 38a45 45 0 0 0-46.312 45a45 45 0 0 0 90 0a45 45 0 0 0-43.688-45m-40.218 126.064l-44.063 44.062C196.758 306.886 225.402 316 256 316c30.6 0 59.243-9.113 82.97-24.844l-44.064-44.062c-24.486 11.704-53.326 11.704-77.812 0M256 316H46c-15 0-30 15-30 30v60c0 30 45 30 60 90h360c15-60 60-60 60-90v-60c0-15-15-30-30-30z"/></svg>

How to use the Head Shot icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:head-shot" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:head-shot" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:head-shot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--head-shot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:head-shot"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:head-shot"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/head-shot.svg" alt="Head Shot icon" width="24" height="24">

Related icons in Game Icons

Head Shot icon FAQ

Is the Head Shot 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 Head Shot icon in React?

Install @iconify/react and render <Icon icon="game-icons:head-shot" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Head Shot icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/head-shot.svg" alt="Head Shot icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →