bullseye emoji
bullseye from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- bullseye
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
- Aliases
- direct-hit
The same emoji in other sets
bullseyeBootstrap IconsbullseyeBoxIcons v2bullseyeBoxIcons v2 SolidbullseyeFont Awesome 6 SolidbullseyeFont Awesome SolidbullseyeFluent EmojibullseyeFluent Emoji FlatbullseyeFluent Emoji High ContrastbullseyeLine AwesomebullseyeMaterial Design IconsbullseyeNoto EmojibullseyeOpenMojibullseyePixelarticonsbullseyePrime IconsbullseyeUnicons
More activities icons from Twitter Emoji
Use the bullseye emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#dd2e44"/><circle cx="18" cy="18" r="13.5" fill="#fff"/><circle cx="18" cy="18" r="10" fill="#dd2e44"/><circle cx="18" cy="18" r="6" fill="#fff"/><circle cx="18" cy="18" r="3" fill="#dd2e44"/><path d="m18.24 18.282l13.144 11.754s-2.647 3.376-7.89 5.109L17.579 18.42z" opacity=".2"/><path fill="#ffac33" d="M18.294 19a.994.994 0 0 1-.704-1.699l.563-.563a.995.995 0 0 1 1.408 1.407l-.564.563a1 1 0 0 1-.703.292"/><path fill="#55acee" d="M24.016 6.981c-.403 2.079 0 4.691 0 4.691l7.054-7.388c.291-1.454-.528-3.932-1.718-4.238s-4.079.803-5.336 6.935m5.003 5.003c-2.079.403-4.691 0-4.691 0l7.388-7.054c1.454-.291 3.932.528 4.238 1.718s-.803 4.079-6.935 5.336"/><path fill="#3a87c2" d="M32.798 4.485L21.176 17.587c-.362.362-1.673.882-2.51.046s-.419-2.08-.057-2.443L31.815 3.501s.676-.635 1.159-.152s-.176 1.136-.176 1.136"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBullseye(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#dd2e44"/><circle cx="18" cy="18" r="13.5" fill="#fff"/><circle cx="18" cy="18" r="10" fill="#dd2e44"/><circle cx="18" cy="18" r="6" fill="#fff"/><circle cx="18" cy="18" r="3" fill="#dd2e44"/><path d="m18.24 18.282l13.144 11.754s-2.647 3.376-7.89 5.109L17.579 18.42z" opacity=".2"/><path fill="#ffac33" d="M18.294 19a.994.994 0 0 1-.704-1.699l.563-.563a.995.995 0 0 1 1.408 1.407l-.564.563a1 1 0 0 1-.703.292"/><path fill="#55acee" d="M24.016 6.981c-.403 2.079 0 4.691 0 4.691l7.054-7.388c.291-1.454-.528-3.932-1.718-4.238s-4.079.803-5.336 6.935m5.003 5.003c-2.079.403-4.691 0-4.691 0l7.388-7.054c1.454-.291 3.932.528 4.238 1.718s-.803 4.079-6.935 5.336"/><path fill="#3a87c2" d="M32.798 4.485L21.176 17.587c-.362.362-1.673.882-2.51.046s-.419-2.08-.057-2.443L31.815 3.501s.676-.635 1.159-.152s-.176 1.136-.176 1.136"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#dd2e44"/><circle cx="18" cy="18" r="13.5" fill="#fff"/><circle cx="18" cy="18" r="10" fill="#dd2e44"/><circle cx="18" cy="18" r="6" fill="#fff"/><circle cx="18" cy="18" r="3" fill="#dd2e44"/><path d="m18.24 18.282l13.144 11.754s-2.647 3.376-7.89 5.109L17.579 18.42z" opacity=".2"/><path fill="#ffac33" d="M18.294 19a.994.994 0 0 1-.704-1.699l.563-.563a.995.995 0 0 1 1.408 1.407l-.564.563a1 1 0 0 1-.703.292"/><path fill="#55acee" d="M24.016 6.981c-.403 2.079 0 4.691 0 4.691l7.054-7.388c.291-1.454-.528-3.932-1.718-4.238s-4.079.803-5.336 6.935m5.003 5.003c-2.079.403-4.691 0-4.691 0l7.388-7.054c1.454-.291 3.932.528 4.238 1.718s-.803 4.079-6.935 5.336"/><path fill="#3a87c2" d="M32.798 4.485L21.176 17.587c-.362.362-1.673.882-2.51.046s-.419-2.08-.057-2.443L31.815 3.501s.676-.635 1.159-.152s-.176 1.136-.176 1.136"/></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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2213.5%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2210%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%223%22%20fill%3D%22%23dd2e44%22%2F%3E%3Cpath%20d%3D%22m18.24%2018.282l13.144%2011.754s-2.647%203.376-7.89%205.109L17.579%2018.42z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M18.294%2019a.994.994%200%200%201-.704-1.699l.563-.563a.995.995%200%200%201%201.408%201.407l-.564.563a1%201%200%200%201-.703.292%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M24.016%206.981c-.403%202.079%200%204.691%200%204.691l7.054-7.388c.291-1.454-.528-3.932-1.718-4.238s-4.079.803-5.336%206.935m5.003%205.003c-2.079.403-4.691%200-4.691%200l7.388-7.054c1.454-.291%203.932.528%204.238%201.718s-.803%204.079-6.935%205.336%22%2F%3E%3Cpath%20fill%3D%22%233a87c2%22%20d%3D%22M32.798%204.485L21.176%2017.587c-.362.362-1.673.882-2.51.046s-.419-2.08-.057-2.443L31.815%203.501s.676-.635%201.159-.152s-.176%201.136-.176%201.136%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%2036%2036%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2213.5%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2210%22%20fill%3D%22%23dd2e44%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%226%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%223%22%20fill%3D%22%23dd2e44%22%2F%3E%3Cpath%20d%3D%22m18.24%2018.282l13.144%2011.754s-2.647%203.376-7.89%205.109L17.579%2018.42z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M18.294%2019a.994.994%200%200%201-.704-1.699l.563-.563a.995.995%200%200%201%201.408%201.407l-.564.563a1%201%200%200%201-.703.292%22%2F%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M24.016%206.981c-.403%202.079%200%204.691%200%204.691l7.054-7.388c.291-1.454-.528-3.932-1.718-4.238s-4.079.803-5.336%206.935m5.003%205.003c-2.079.403-4.691%200-4.691%200l7.388-7.054c1.454-.291%203.932.528%204.238%201.718s-.803%204.079-6.935%205.336%22%2F%3E%3Cpath%20fill%3D%22%233a87c2%22%20d%3D%22M32.798%204.485L21.176%2017.587c-.362.362-1.673.882-2.51.046s-.419-2.08-.057-2.443L31.815%203.501s.676-.635%201.159-.152s-.176%201.136-.176%201.136%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/bullseye.svg?color=%231a73e8&size=48
