Bullseye icon

game-icons:bullseye

The Bullseye icon (game-icons:bullseye) 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

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="M311.133 257.95a15.074 15.074 0 0 1-12.845 17.026l-147.248 20.61l-21.33 32.522l-82.637 11.57l21.33-32.568l-24.547 3.44c-.278 0-.555.12-.843.165a15 15 0 0 1-2.108.144a15.074 15.074 0 0 1-2.074-30.016c.29 0 .567 0 .855-.078l24.547-3.438l-29.45-25.512l82.582-11.547l29.45 25.51l147.26-20.608a15 15 0 0 1 2.107-.145a15.085 15.085 0 0 1 14.953 12.923zm-36.704-38.546a32.4 32.4 0 0 1 10.847-10.326a23.43 23.43 0 0 1 13.422-3.04a27.9 27.9 0 0 1 13.542 5.047a44.6 44.6 0 0 1 11.924 12.59a66.3 66.3 0 0 1 8.386 19.134a77.5 77.5 0 0 1 2.562 21.995a67.9 67.9 0 0 1-3.494 19.966a46.1 46.1 0 0 1-8.54 15.352a28.16 28.16 0 0 1-12.402 8.552a23.4 23.4 0 0 1-13.765.255a32 32 0 0 1-12.512-7.122a45.5 45.5 0 0 1-5.734-6.2l-32.278 4.514a131 131 0 0 0 7.1 15.973a104.6 104.6 0 0 0 18.656 25.512a69 69 0 0 0 23.893 15.806a48.37 48.37 0 0 0 27.597 2.22a53.43 53.43 0 0 0 26.31-14.876c7.898-7.853 14.42-18.258 19.112-30.514a132 132 0 0 0 8.32-41.995a153.3 153.3 0 0 0-5.48-46.92a128.8 128.8 0 0 0-18.49-39.932c-7.6-10.726-16.417-18.946-25.78-24.403a53 53 0 0 0-27.962-7.62a48.57 48.57 0 0 0-26.278 8.718a69.9 69.9 0 0 0-20.165 21.897a107.5 107.5 0 0 0-11.99 29.516A137 137 0 0 0 237.68 235l31.192-4.37a49.2 49.2 0 0 1 5.557-11.226m198.305-34.984c-10.926-35.274-27.287-64.757-46.842-87.374c-18.557-21.518-39.544-36.26-61.118-44.213c-20.155-7.41-40.564-8.74-59.953-4.248c-18.058 4.204-35.196 13.466-50.603 27.62c-14.42 13.21-26.09 29.626-35.185 47.807a233.2 233.2 0 0 0-19.29 56.57a286 286 0 0 0-5.856 60.674l22.582-3.16a209 209 0 0 1 5.047-40.344a166.3 166.3 0 0 1 15.972-42.926c7.365-13.4 16.716-25.124 27.997-34.087c11.89-9.44 24.88-14.986 38.3-16.64c14.165-1.774 28.773.744 42.938 7.51c14.863 7.1 29.084 18.78 41.485 34.774c12.856 16.572 23.515 37.46 30.66 61.917a225.5 225.5 0 0 1 8.74 74.65c-1.254 24.05-6.4 46.422-14.72 65.656c-8.042 18.58-18.857 33.887-31.824 44.88c-12.313 10.47-26.345 16.915-41.463 18.656a76.23 76.23 0 0 1-41.163-7.1c-12.313-5.722-23.826-14.485-34.03-25.51a162.2 162.2 0 0 1-25.724-37.637a204.6 204.6 0 0 1-14.542-38.578l-22.484 3.106a281 281 0 0 0 19.966 57.823a228.2 228.2 0 0 0 32.168 50.092c12.99 15.186 27.82 27.83 43.914 36.793c17.18 9.574 36.027 15.064 55.705 14.865c21.263-.21 41.44-7.022 59.52-19.778c19.356-13.654 36.005-33.897 48.617-59.432c13.244-26.82 21.697-58.788 24.048-93.64a300.7 300.7 0 0 0-12.856-108.76z"/></svg>

How to use the Bullseye icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="game-icons:bullseye"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/bullseye.svg" alt="Bullseye icon" width="24" height="24">

Bullseye icon in other icon sets

Bullseye icon FAQ

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

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

How do I add the Bullseye icon to a web page?

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

Browse all Game Icons →