bullseye icon

bullseye from Unicons by Iconscout · Line · User Interface · Apache-2.0 Free for personal and commercial use.

Name: bullseye
Set: Unicons
Style: Line
Category: User Interface
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

bullseyeBootstrap Icons bullseyeBoxIcons v2 bullseyeBoxIcons v2 Solid bullseyeFont Awesome 6 Solid bullseyeFont Awesome Solid bullseyeFluent Emoji bullseyeFluent Emoji Flat bullseyeFluent Emoji High Contrast bullseyeLine Awesome bullseyeMaterial Design Icons bullseyeNoto Emoji bullseyeOpenMoji bullseyePixelarticons bullseyePrime Icons bullseyeTwitter Emoji

More user interface icons from Unicons

0-plus 10-plus 12-plus 13-plus 16-plus 17-plus 18-plus 21-plus 3-plus 6-plus adjust adjust-alt adjust-circle adjust-half anchor android-phone-slash ankh archive-alt archway asterisk at auto-flash backspace bag-slash

Use the bullseye icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5a7 7 0 1 0 7 7a7 7 0 0 0-7-7m0 12a5 5 0 1 1 5-5a5 5 0 0 1-5 5m0-8a3 3 0 1 0 3 3a3 3 0 0 0-3-3m0 4a1 1 0 1 1 1-1a1 1 0 0 1-1 1m0-12a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 20a9 9 0 1 1 9-9a9 9 0 0 1-9 9"/></svg>

React

import type { SVGProps } from "react";

export function UilBullseye(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5a7 7 0 1 0 7 7a7 7 0 0 0-7-7m0 12a5 5 0 1 1 5-5a5 5 0 0 1-5 5m0-8a3 3 0 1 0 3 3a3 3 0 0 0-3-3m0 4a1 1 0 1 1 1-1a1 1 0 0 1-1 1m0-12a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 20a9 9 0 1 1 9-9a9 9 0 0 1-9 9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 5a7 7 0 1 0 7 7a7 7 0 0 0-7-7m0 12a5 5 0 1 1 5-5a5 5 0 0 1-5 5m0-8a3 3 0 1 0 3 3a3 3 0 0 0-3-3m0 4a1 1 0 1 1 1-1a1 1 0 0 1-1 1m0-12a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 20a9 9 0 1 1 9-9a9 9 0 0 1-9 9"/></svg>
</template>

CSS

.icon-bullseye {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205a7%207%200%201%200%207%207a7%207%200%200%200-7-7m0%2012a5%205%200%201%201%205-5a5%205%200%200%201-5%205m0-8a3%203%200%201%200%203%203a3%203%200%200%200-3-3m0%204a1%201%200%201%201%201-1a1%201%200%200%201-1%201m0-12a11%2011%200%201%200%2011%2011A11%2011%200%200%200%2012%201m0%2020a9%209%200%201%201%209-9a9%209%200%200%201-9%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%205a7%207%200%201%200%207%207a7%207%200%200%200-7-7m0%2012a5%205%200%201%201%205-5a5%205%200%200%201-5%205m0-8a3%203%200%201%200%203%203a3%203%200%200%200-3-3m0%204a1%201%200%201%201%201-1a1%201%200%200%201-1%201m0-12a11%2011%200%201%200%2011%2011A11%2011%200%200%200%2012%201m0%2020a9%209%200%201%201%209-9a9%209%200%200%201-9%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/bullseye.svg?color=%231a73e8&size=48