bullseye SVG 图标

Q: bullseye 图标可以商用吗？

notobullseye

来自 Noto Emoji 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。

图标 ID: noto:bullseye
中文名: —
所属集合: Noto Emoji
集合规模: 3,729 枚
基础网格: 16px
色彩: 多色
开源协议: Apache-2.0
作者: Google Inc

下载 bullseye 图标

SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。

iOS / Android 全套尺寸 · 素材包生成器用 AI 生成类似风格的图标

PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。

bullseye 的预览与使用场景

切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

搜索bullseye…输入框 · 前缀图标

bullseye导航菜单 · 选中态

暂无内容空状态 · 引导提示

9:41

bullseye手机桌面 · App 图标

bullseyenoto.design/icons/bullseye浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制 bullseye 图标代码

内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。

svgSVG 源码（内联 HTML）

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff2a23" d="M63.04 7.57C36.72 6.97 7.69 28.8 8.25 64.16c.49 31.09 23.85 54.62 54.12 55.11S119.46 99.75 119.62 64c.17-36.03-27.63-55.77-56.58-56.43"/><path fill="#fffdfe" d="M63.12 20.19c-20.88.71-41.95 16.29-42.44 43.76s23.52 42.77 42.44 42.77c24.02 0 44.09-18.92 43.59-44.09c-.49-25.16-19.41-43.26-43.59-42.44"/><path fill="#ff2a23" d="M63.61 30.89c-18.92-.43-32.9 16.29-33.07 32.24c-.16 16.29 10.03 32.9 32.74 33.72S96.67 79.58 97 64.28c.34-15.3-11.84-32.9-33.39-33.39"/><path fill="#fff" d="M41.98 63.73c-.16 14.31 10.03 22.54 22.37 22.54c11.21 0 22.21-7.07 22.21-22.04c0-13.49-10.2-21.55-21.55-22.04c-11.35-.5-22.87 7.73-23.03 21.54"/><path fill="#fb2b22" d="M52.1 63.62c-.61 8.53 6.33 12.61 12.58 12.61c5.92 0 11.76-3.89 11.93-11.79c.15-7.42-5.67-11.95-11.93-12.17c-6.46-.22-12.09 4.42-12.58 11.35"/><path fill="#cc1935" d="m66.74 64.29l-3.35 1.86l6.39 9.09s4.94.38 6.08-.91s-.15-5.09-.15-5.09z"/><path fill="#acb1b5" d="M87.42 54.41c-.9-1.86-1.82-3.35-4.26-2.89c-2.43.46-6.92 3.04-7.76 4.26c-.77 1.12-1.52 2.51-1.52 2.51s-8.6 4.7-9.96 5.47c-2.13 1.22-.66 3.7.84 3.42c2.05-.38 11.21-4.11 11.21-4.11s1.94.46 3.08.46s7.64-3.21 8.52-3.8c1.45-.99.76-3.42-.15-5.32"/><path fill="#c8c8c8" d="M75.68 69.22s-.48 1.7-2.23 3.46c-1.82 1.82-3.69 2.54-3.69 2.54l5.77 8.46s4.29.31 7.41-2.73s1.76-7.02 1.76-7.02z"/><path fill="#cc1935" d="m81.4 92.57l-5.88-8.9s.98-.52 2.27-1.4c2.37-1.62 3.69-2.91 5.38-5.55c.92-1.42 1.51-2.8 1.51-2.8l9.09 4.49s-.2 7.02-3.17 10.44s-9.2 3.72-9.2 3.72"/><path fill="#c8c8c8" d="m81.4 92.57l5.05 7.57s6.59.65 11.99-5.82s3.96-11.79 3.96-11.79l-8.63-4.13s-1.68 4.04-5.02 7.92s-7.35 6.25-7.35 6.25"/><path fill="#cc1935" d="m93.93 111.33l-7.47-11.18s5.63-3.29 9.63-8.02c4.15-4.91 6.32-9.58 6.32-9.58l12.09 6.01s-2.72 7.03-8.75 13.38c-5.9 6.19-11.82 9.39-11.82 9.39"/><path fill="#006ca9" d="M81.61 57.37c1.13 2.11 3 2.13 4.98 1.29s11.33-7.45 11.33-7.45s12.7 6.39 20.91 3.19c8.21-3.19 7.98-11.86 7.98-11.86l-4.86-3.08s3.54-1.84 4.68-2.52c.56-.34 1.39-1.6.93-2.73c-.36-.88-1.74-1.18-2.88-.72s-4.43 1.49-4.43 1.49s1.31-5.45 1.08-5.75s-2.59-1.52-2.59-1.52s-7.68 0-8.67.38s-8.59 7.91-8.59 7.91l-3.65 7.45l-1.56 3.32s-10.65 4.77-12.25 5.45c-1.59.69-3.8 2.58-2.41 5.15"/><path fill="#1f87fd" d="M98.54 45.85s4.48-3.24 7.67-4.84s9.11-3.55 10.86-3.76s2.47.26 2.78 1.08s-.72 1.85-1.6 2.32c-.87.46-5.51 2.57-10.65 5.3s-7.58 4.73-9.66 5.2c-1.05.24-2.4-.7-2.48-2.27c-.06-1.22.18-2.24.98-4.58c.98-2.88 3.13-7.21 4.94-10.03c2.68-4.17 6.54-7 10.81-7.77s7.77.31 8.65 1.03c.87.72.82 1.46.51 1.71s-.77.45-3.09-.37c-1.61-.57-6.74-.57-10.34 2.11c-3.64 2.7-4.53 4.37-6.12 7.31s-3.26 7.56-3.26 7.56"/></svg>

reactReact 组件（TSX）

export function BullseyeIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 128 128"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="#ff2a23" d="M63.04 7.57C36.72 6.97 7.69 28.8 8.25 64.16c.49 31.09 23.85 54.62 54.12 55.11S119.46 99.75 119.62 64c.17-36.03-27.63-55.77-56.58-56.43"/><path fill="#fffdfe" d="M63.12 20.19c-20.88.71-41.95 16.29-42.44 43.76s23.52 42.77 42.44 42.77c24.02 0 44.09-18.92 43.59-44.09c-.49-25.16-19.41-43.26-43.59-42.44"/><path fill="#ff2a23" d="M63.61 30.89c-18.92-.43-32.9 16.29-33.07 32.24c-.16 16.29 10.03 32.9 32.74 33.72S96.67 79.58 97 64.28c.34-15.3-11.84-32.9-33.39-33.39"/><path fill="#fff" d="M41.98 63.73c-.16 14.31 10.03 22.54 22.37 22.54c11.21 0 22.21-7.07 22.21-22.04c0-13.49-10.2-21.55-21.55-22.04c-11.35-.5-22.87 7.73-23.03 21.54"/><path fill="#fb2b22" d="M52.1 63.62c-.61 8.53 6.33 12.61 12.58 12.61c5.92 0 11.76-3.89 11.93-11.79c.15-7.42-5.67-11.95-11.93-12.17c-6.46-.22-12.09 4.42-12.58 11.35"/><path fill="#cc1935" d="m66.74 64.29l-3.35 1.86l6.39 9.09s4.94.38 6.08-.91s-.15-5.09-.15-5.09z"/><path fill="#acb1b5" d="M87.42 54.41c-.9-1.86-1.82-3.35-4.26-2.89c-2.43.46-6.92 3.04-7.76 4.26c-.77 1.12-1.52 2.51-1.52 2.51s-8.6 4.7-9.96 5.47c-2.13 1.22-.66 3.7.84 3.42c2.05-.38 11.21-4.11 11.21-4.11s1.94.46 3.08.46s7.64-3.21 8.52-3.8c1.45-.99.76-3.42-.15-5.32"/><path fill="#c8c8c8" d="M75.68 69.22s-.48 1.7-2.23 3.46c-1.82 1.82-3.69 2.54-3.69 2.54l5.77 8.46s4.29.31 7.41-2.73s1.76-7.02 1.76-7.02z"/><path fill="#cc1935" d="m81.4 92.57l-5.88-8.9s.98-.52 2.27-1.4c2.37-1.62 3.69-2.91 5.38-5.55c.92-1.42 1.51-2.8 1.51-2.8l9.09 4.49s-.2 7.02-3.17 10.44s-9.2 3.72-9.2 3.72"/><path fill="#c8c8c8" d="m81.4 92.57l5.05 7.57s6.59.65 11.99-5.82s3.96-11.79 3.96-11.79l-8.63-4.13s-1.68 4.04-5.02 7.92s-7.35 6.25-7.35 6.25"/><path fill="#cc1935" d="m93.93 111.33l-7.47-11.18s5.63-3.29 9.63-8.02c4.15-4.91 6.32-9.58 6.32-9.58l12.09 6.01s-2.72 7.03-8.75 13.38c-5.9 6.19-11.82 9.39-11.82 9.39"/><path fill="#006ca9" d="M81.61 57.37c1.13 2.11 3 2.13 4.98 1.29s11.33-7.45 11.33-7.45s12.7 6.39 20.91 3.19c8.21-3.19 7.98-11.86 7.98-11.86l-4.86-3.08s3.54-1.84 4.68-2.52c.56-.34 1.39-1.6.93-2.73c-.36-.88-1.74-1.18-2.88-.72s-4.43 1.49-4.43 1.49s1.31-5.45 1.08-5.75s-2.59-1.52-2.59-1.52s-7.68 0-8.67.38s-8.59 7.91-8.59 7.91l-3.65 7.45l-1.56 3.32s-10.65 4.77-12.25 5.45c-1.59.69-3.8 2.58-2.41 5.15"/><path fill="#1f87fd" d="M98.54 45.85s4.48-3.24 7.67-4.84s9.11-3.55 10.86-3.76s2.47.26 2.78 1.08s-.72 1.85-1.6 2.32c-.87.46-5.51 2.57-10.65 5.3s-7.58 4.73-9.66 5.2c-1.05.24-2.4-.7-2.48-2.27c-.06-1.22.18-2.24.98-4.58c.98-2.88 3.13-7.21 4.94-10.03c2.68-4.17 6.54-7 10.81-7.77s7.77.31 8.65 1.03c.87.72.82 1.46.51 1.71s-.77.45-3.09-.37c-1.61-.57-6.74-.57-10.34 2.11c-3.64 2.7-4.53 4.37-6.12 7.31s-3.26 7.56-3.26 7.56"/>` }}
    />
  );
}

vueVue 3 组件

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="#ff2a23" d="M63.04 7.57C36.72 6.97 7.69 28.8 8.25 64.16c.49 31.09 23.85 54.62 54.12 55.11S119.46 99.75 119.62 64c.17-36.03-27.63-55.77-56.58-56.43"/><path fill="#fffdfe" d="M63.12 20.19c-20.88.71-41.95 16.29-42.44 43.76s23.52 42.77 42.44 42.77c24.02 0 44.09-18.92 43.59-44.09c-.49-25.16-19.41-43.26-43.59-42.44"/><path fill="#ff2a23" d="M63.61 30.89c-18.92-.43-32.9 16.29-33.07 32.24c-.16 16.29 10.03 32.9 32.74 33.72S96.67 79.58 97 64.28c.34-15.3-11.84-32.9-33.39-33.39"/><path fill="#fff" d="M41.98 63.73c-.16 14.31 10.03 22.54 22.37 22.54c11.21 0 22.21-7.07 22.21-22.04c0-13.49-10.2-21.55-21.55-22.04c-11.35-.5-22.87 7.73-23.03 21.54"/><path fill="#fb2b22" d="M52.1 63.62c-.61 8.53 6.33 12.61 12.58 12.61c5.92 0 11.76-3.89 11.93-11.79c.15-7.42-5.67-11.95-11.93-12.17c-6.46-.22-12.09 4.42-12.58 11.35"/><path fill="#cc1935" d="m66.74 64.29l-3.35 1.86l6.39 9.09s4.94.38 6.08-.91s-.15-5.09-.15-5.09z"/><path fill="#acb1b5" d="M87.42 54.41c-.9-1.86-1.82-3.35-4.26-2.89c-2.43.46-6.92 3.04-7.76 4.26c-.77 1.12-1.52 2.51-1.52 2.51s-8.6 4.7-9.96 5.47c-2.13 1.22-.66 3.7.84 3.42c2.05-.38 11.21-4.11 11.21-4.11s1.94.46 3.08.46s7.64-3.21 8.52-3.8c1.45-.99.76-3.42-.15-5.32"/><path fill="#c8c8c8" d="M75.68 69.22s-.48 1.7-2.23 3.46c-1.82 1.82-3.69 2.54-3.69 2.54l5.77 8.46s4.29.31 7.41-2.73s1.76-7.02 1.76-7.02z"/><path fill="#cc1935" d="m81.4 92.57l-5.88-8.9s.98-.52 2.27-1.4c2.37-1.62 3.69-2.91 5.38-5.55c.92-1.42 1.51-2.8 1.51-2.8l9.09 4.49s-.2 7.02-3.17 10.44s-9.2 3.72-9.2 3.72"/><path fill="#c8c8c8" d="m81.4 92.57l5.05 7.57s6.59.65 11.99-5.82s3.96-11.79 3.96-11.79l-8.63-4.13s-1.68 4.04-5.02 7.92s-7.35 6.25-7.35 6.25"/><path fill="#cc1935" d="m93.93 111.33l-7.47-11.18s5.63-3.29 9.63-8.02c4.15-4.91 6.32-9.58 6.32-9.58l12.09 6.01s-2.72 7.03-8.75 13.38c-5.9 6.19-11.82 9.39-11.82 9.39"/><path fill="#006ca9" d="M81.61 57.37c1.13 2.11 3 2.13 4.98 1.29s11.33-7.45 11.33-7.45s12.7 6.39 20.91 3.19c8.21-3.19 7.98-11.86 7.98-11.86l-4.86-3.08s3.54-1.84 4.68-2.52c.56-.34 1.39-1.6.93-2.73c-.36-.88-1.74-1.18-2.88-.72s-4.43 1.49-4.43 1.49s1.31-5.45 1.08-5.75s-2.59-1.52-2.59-1.52s-7.68 0-8.67.38s-8.59 7.91-8.59 7.91l-3.65 7.45l-1.56 3.32s-10.65 4.77-12.25 5.45c-1.59.69-3.8 2.58-2.41 5.15"/><path fill="#1f87fd" d="M98.54 45.85s4.48-3.24 7.67-4.84s9.11-3.55 10.86-3.76s2.47.26 2.78 1.08s-.72 1.85-1.6 2.32c-.87.46-5.51 2.57-10.65 5.3s-7.58 4.73-9.66 5.2c-1.05.24-2.4-.7-2.48-2.27c-.06-1.22.18-2.24.98-4.58c.98-2.88 3.13-7.21 4.94-10.03c2.68-4.17 6.54-7 10.81-7.77s7.77.31 8.65 1.03c.87.72.82 1.46.51 1.71s-.77.45-3.09-.37c-1.61-.57-6.74-.57-10.34 2.11c-3.64 2.7-4.53 4.37-6.12 7.31s-3.26 7.56-3.26 7.56"/>`;
</script>

cssCSS mask（随 currentColor 改色）

.bullseye {
  width: 1em;
  height: 1em;
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff2a23%22%20d%3D%22M63.04%207.57C36.72%206.97%207.69%2028.8%208.25%2064.16c.49%2031.09%2023.85%2054.62%2054.12%2055.11S119.46%2099.75%20119.62%2064c.17-36.03-27.63-55.77-56.58-56.43%22%2F%3E%3Cpath%20fill%3D%22%23fffdfe%22%20d%3D%22M63.12%2020.19c-20.88.71-41.95%2016.29-42.44%2043.76s23.52%2042.77%2042.44%2042.77c24.02%200%2044.09-18.92%2043.59-44.09c-.49-25.16-19.41-43.26-43.59-42.44%22%2F%3E%3Cpath%20fill%3D%22%23ff2a23%22%20d%3D%22M63.61%2030.89c-18.92-.43-32.9%2016.29-33.07%2032.24c-.16%2016.29%2010.03%2032.9%2032.74%2033.72S96.67%2079.58%2097%2064.28c.34-15.3-11.84-32.9-33.39-33.39%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41.98%2063.73c-.16%2014.31%2010.03%2022.54%2022.37%2022.54c11.21%200%2022.21-7.07%2022.21-22.04c0-13.49-10.2-21.55-21.55-22.04c-11.35-.5-22.87%207.73-23.03%2021.54%22%2F%3E%3Cpath%20fill%3D%22%23fb2b22%22%20d%3D%22M52.1%2063.62c-.61%208.53%206.33%2012.61%2012.58%2012.61c5.92%200%2011.76-3.89%2011.93-11.79c.15-7.42-5.67-11.95-11.93-12.17c-6.46-.22-12.09%204.42-12.58%2011.35%22%2F%3E%3Cpath%20fill%3D%22%23cc1935%22%20d%3D%22m66.74%2064.29l-3.35%201.86l6.39%209.09s4.94.38%206.08-.91s-.15-5.09-.15-5.09z%22%2F%3E%3Cpath%20fill%3D%22%23acb1b5%22%20d%3D%22M87.42%2054.41c-.9-1.86-1.82-3.35-4.26-2.89c-2.43.46-6.92%203.04-7.76%204.26c-.77%201.12-1.52%202.51-1.52%202.51s-8.6%204.7-9.96%205.47c-2.13%201.22-.66%203.7.84%203.42c2.05-.38%2011.21-4.11%2011.21-4.11s1.94.46%203.08.46s7.64-3.21%208.52-3.8c1.45-.99.76-3.42-.15-5.32%22%2F%3E%3Cpath%20fill%3D%22%23c8c8c8%22%20d%3D%22M75.68%2069.22s-.48%201.7-2.23%203.46c-1.82%201.82-3.69%202.54-3.69%202.54l5.77%208.46s4.29.31%207.41-2.73s1.76-7.02%201.76-7.02z%22%2F%3E%3Cpath%20fill%3D%22%23cc1935%22%20d%3D%22m81.4%2092.57l-5.88-8.9s.98-.52%202.27-1.4c2.37-1.62%203.69-2.91%205.38-5.55c.92-1.42%201.51-2.8%201.51-2.8l9.09%204.49s-.2%207.02-3.17%2010.44s-9.2%203.72-9.2%203.72%22%2F%3E%3Cpath%20fill%3D%22%23c8c8c8%22%20d%3D%22m81.4%2092.57l5.05%207.57s6.59.65%2011.99-5.82s3.96-11.79%203.96-11.79l-8.63-4.13s-1.68%204.04-5.02%207.92s-7.35%206.25-7.35%206.25%22%2F%3E%3Cpath%20fill%3D%22%23cc1935%22%20d%3D%22m93.93%20111.33l-7.47-11.18s5.63-3.29%209.63-8.02c4.15-4.91%206.32-9.58%206.32-9.58l12.09%206.01s-2.72%207.03-8.75%2013.38c-5.9%206.19-11.82%209.39-11.82%209.39%22%2F%3E%3Cpath%20fill%3D%22%23006ca9%22%20d%3D%22M81.61%2057.37c1.13%202.11%203%202.13%204.98%201.29s11.33-7.45%2011.33-7.45s12.7%206.39%2020.91%203.19c8.21-3.19%207.98-11.86%207.98-11.86l-4.86-3.08s3.54-1.84%204.68-2.52c.56-.34%201.39-1.6.93-2.73c-.36-.88-1.74-1.18-2.88-.72s-4.43%201.49-4.43%201.49s1.31-5.45%201.08-5.75s-2.59-1.52-2.59-1.52s-7.68%200-8.67.38s-8.59%207.91-8.59%207.91l-3.65%207.45l-1.56%203.32s-10.65%204.77-12.25%205.45c-1.59.69-3.8%202.58-2.41%205.15%22%2F%3E%3Cpath%20fill%3D%22%231f87fd%22%20d%3D%22M98.54%2045.85s4.48-3.24%207.67-4.84s9.11-3.55%2010.86-3.76s2.47.26%202.78%201.08s-.72%201.85-1.6%202.32c-.87.46-5.51%202.57-10.65%205.3s-7.58%204.73-9.66%205.2c-1.05.24-2.4-.7-2.48-2.27c-.06-1.22.18-2.24.98-4.58c.98-2.88%203.13-7.21%204.94-10.03c2.68-4.17%206.54-7%2010.81-7.77s7.77.31%208.65%201.03c.87.72.82%201.46.51%201.71s-.77.45-3.09-.37c-1.61-.57-6.74-.57-10.34%202.11c-3.64%202.7-4.53%204.37-6.12%207.31s-3.26%207.56-3.26%207.56%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff2a23%22%20d%3D%22M63.04%207.57C36.72%206.97%207.69%2028.8%208.25%2064.16c.49%2031.09%2023.85%2054.62%2054.12%2055.11S119.46%2099.75%20119.62%2064c.17-36.03-27.63-55.77-56.58-56.43%22%2F%3E%3Cpath%20fill%3D%22%23fffdfe%22%20d%3D%22M63.12%2020.19c-20.88.71-41.95%2016.29-42.44%2043.76s23.52%2042.77%2042.44%2042.77c24.02%200%2044.09-18.92%2043.59-44.09c-.49-25.16-19.41-43.26-43.59-42.44%22%2F%3E%3Cpath%20fill%3D%22%23ff2a23%22%20d%3D%22M63.61%2030.89c-18.92-.43-32.9%2016.29-33.07%2032.24c-.16%2016.29%2010.03%2032.9%2032.74%2033.72S96.67%2079.58%2097%2064.28c.34-15.3-11.84-32.9-33.39-33.39%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M41.98%2063.73c-.16%2014.31%2010.03%2022.54%2022.37%2022.54c11.21%200%2022.21-7.07%2022.21-22.04c0-13.49-10.2-21.55-21.55-22.04c-11.35-.5-22.87%207.73-23.03%2021.54%22%2F%3E%3Cpath%20fill%3D%22%23fb2b22%22%20d%3D%22M52.1%2063.62c-.61%208.53%206.33%2012.61%2012.58%2012.61c5.92%200%2011.76-3.89%2011.93-11.79c.15-7.42-5.67-11.95-11.93-12.17c-6.46-.22-12.09%204.42-12.58%2011.35%22%2F%3E%3Cpath%20fill%3D%22%23cc1935%22%20d%3D%22m66.74%2064.29l-3.35%201.86l6.39%209.09s4.94.38%206.08-.91s-.15-5.09-.15-5.09z%22%2F%3E%3Cpath%20fill%3D%22%23acb1b5%22%20d%3D%22M87.42%2054.41c-.9-1.86-1.82-3.35-4.26-2.89c-2.43.46-6.92%203.04-7.76%204.26c-.77%201.12-1.52%202.51-1.52%202.51s-8.6%204.7-9.96%205.47c-2.13%201.22-.66%203.7.84%203.42c2.05-.38%2011.21-4.11%2011.21-4.11s1.94.46%203.08.46s7.64-3.21%208.52-3.8c1.45-.99.76-3.42-.15-5.32%22%2F%3E%3Cpath%20fill%3D%22%23c8c8c8%22%20d%3D%22M75.68%2069.22s-.48%201.7-2.23%203.46c-1.82%201.82-3.69%202.54-3.69%202.54l5.77%208.46s4.29.31%207.41-2.73s1.76-7.02%201.76-7.02z%22%2F%3E%3Cpath%20fill%3D%22%23cc1935%22%20d%3D%22m81.4%2092.57l-5.88-8.9s.98-.52%202.27-1.4c2.37-1.62%203.69-2.91%205.38-5.55c.92-1.42%201.51-2.8%201.51-2.8l9.09%204.49s-.2%207.02-3.17%2010.44s-9.2%203.72-9.2%203.72%22%2F%3E%3Cpath%20fill%3D%22%23c8c8c8%22%20d%3D%22m81.4%2092.57l5.05%207.57s6.59.65%2011.99-5.82s3.96-11.79%203.96-11.79l-8.63-4.13s-1.68%204.04-5.02%207.92s-7.35%206.25-7.35%206.25%22%2F%3E%3Cpath%20fill%3D%22%23cc1935%22%20d%3D%22m93.93%20111.33l-7.47-11.18s5.63-3.29%209.63-8.02c4.15-4.91%206.32-9.58%206.32-9.58l12.09%206.01s-2.72%207.03-8.75%2013.38c-5.9%206.19-11.82%209.39-11.82%209.39%22%2F%3E%3Cpath%20fill%3D%22%23006ca9%22%20d%3D%22M81.61%2057.37c1.13%202.11%203%202.13%204.98%201.29s11.33-7.45%2011.33-7.45s12.7%206.39%2020.91%203.19c8.21-3.19%207.98-11.86%207.98-11.86l-4.86-3.08s3.54-1.84%204.68-2.52c.56-.34%201.39-1.6.93-2.73c-.36-.88-1.74-1.18-2.88-.72s-4.43%201.49-4.43%201.49s1.31-5.45%201.08-5.75s-2.59-1.52-2.59-1.52s-7.68%200-8.67.38s-8.59%207.91-8.59%207.91l-3.65%207.45l-1.56%203.32s-10.65%204.77-12.25%205.45c-1.59.69-3.8%202.58-2.41%205.15%22%2F%3E%3Cpath%20fill%3D%22%231f87fd%22%20d%3D%22M98.54%2045.85s4.48-3.24%207.67-4.84s9.11-3.55%2010.86-3.76s2.47.26%202.78%201.08s-.72%201.85-1.6%202.32c-.87.46-5.51%202.57-10.65%205.3s-7.58%204.73-9.66%205.2c-1.05.24-2.4-.7-2.48-2.27c-.06-1.22.18-2.24.98-4.58c.98-2.88%203.13-7.21%204.94-10.03c2.68-4.17%206.54-7%2010.81-7.77s7.77.31%208.65%201.03c.87.72.82%201.46.51%201.71s-.77.45-3.09-.37c-1.61-.57-6.74-.57-10.34%202.11c-3.64%202.7-4.53%204.37-6.12%207.31s-3.26%207.56-3.26%207.56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 bullseye 加一点动效

单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。

呼吸

透明度往复渐变，适合状态提示与在线指示。

css呼吸动效样式

.icon-bullseye {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

旋转

匀速循环旋转，适合加载中场景。

css旋转动效样式

.icon-bullseye {
  animation: icon-spin 1.6s linear infinite;
}

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}

SVG 健康报告

对源文件的客观技术指标，供工程侧评估引用方式。

文件体积

2.64 KB

2,701 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

<path> ×13

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。文件体积 2.64 KB（2,701 字节），图元 13 个，风格为多色填充。

常见问题

关于 bullseye 图标的下载、商用与改色。

bullseye 图标是什么？▾

它是 Noto Emoji（noto）开源图标集中的 bullseye 图标，多色填充，viewBox 为 0 0 128 128，文件仅 2.64 KB，矢量格式可无损缩放到任意尺寸。

如何下载 bullseye 图标？▾

点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。

bullseye 图标可以商用吗？▾

如何修改 bullseye 图标的颜色？▾

在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。