找找图标
direct-hit 图标

direct-hit SVG 图标

noto-v1direct-hit

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

图标 ID
noto-v1:direct-hit
中文名
—
所属集合
Noto Emoji (v1)
集合规模
2,162 枚
基础网格
16px
色彩
多色
开源协议
Apache-2.0
作者
Google Inc

下载 direct-hit 图标

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

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

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

direct-hit 的预览与使用场景

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

预览颜色
direct-hit 图标 浅色背景预览浅色背景
direct-hit 图标 深色背景预览深色背景
direct-hit 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索direct-hit…输入框 · 前缀图标
direct-hit导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41direct-hit App 图标direct-hit手机桌面 · App 图标
direct-hitnoto-v1.design/icons/direct-hit浏览器 · 标签页与站点图标

各尺寸下的可读性

direct-hit 图标 24px 渲染24pxdirect-hit 图标 32px 渲染32pxdirect-hit 图标 48px 渲染48pxdirect-hit 图标 64px 渲染64pxdirect-hit 图标 96px 渲染96pxdirect-hit 图标 128px 渲染128px

复制 direct-hit 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><circle cx="64.65" cy="65.14" r="54.49" fill="#006ca2"/><circle cx="64.65" cy="65.14" r="35.33" fill="#ed6c30"/><path fill="#fff" d="M64.65 102.59c-20.66 0-37.46-16.8-37.46-37.46s16.8-37.46 37.46-37.46c20.65 0 37.46 16.81 37.46 37.46c0 20.66-16.81 37.46-37.46 37.46m0-70.65c-18.3 0-33.19 14.89-33.19 33.19s14.89 33.19 33.19 33.19s33.19-14.89 33.19-33.19s-14.88-33.19-33.19-33.19"/><circle cx="64.65" cy="65.14" r="16.66" fill="#fff"/><path fill="#fff" d="M122.15 20.3c-1.67-1.7-3.92-1.7-4.67-1.7h-.28l-1.92.03c-1.35.02-3.19.42-3.98-.91c-.62-1.04-1.12-1.25-2.33-1.54c-1-.24-2.17-.39-2.44-1.57c-.15-.64-.06-1.3-.14-1.96c-.11-.91-.31-1.74-.31-2.69c.01-.94-.07-1.82-.15-2.74c-.03-.41-.03-.87-.29-1.22c-.56-.73-1.14-.95-2.12-.95c-.33 0-.68.04-1.02.1c-2.42.47-3.76 2.43-4.49 3.48c-.08.12-.16.24-.23.33l-.09.14c-.74.92-1.58 1.97-2.32 3.16c-.71 1.16-1.6 2.3-2.54 3.5l-.24.31c-.69.88-1.28 1.76-1.84 2.61c-.32.48-.63.97-.97 1.44l-.19.25c-.42.56-1 1.33-1.38 2.33c-.57 1.52-.57 3.02-.5 4.01c.05.8.17 1.63.36 2.56c.14.7.32 1.4.49 2.1c.15.58.3 1.16.42 1.75c.21 1.09.44 2.17.67 3.26l.03.15l.06.28c.07.3.17.58.3.85c-2.35 2.95-4.9 6.18-7.41 9.35c-4.93 6.25-10.97 13.76-14.13 17.7c-1.2 1.5-1.98 2.48-2.14 2.68c-.46.58-.74 1.15-.87 1.73c-.12.59.02 1.18.41 1.66c.44.55 1.17.89 1.88.89c.26 0 .51-.05.74-.13c.21-.07.8-.31 3.54-3.35c2.03-2.25 4.84-5.49 7.86-8.97c2.31-2.68 4.75-5.5 7.06-8.12c2.9-3.29 5.51-6.25 7.89-8.91l.33.01c1.1.04 2.2.06 3.31.09c.58.01 1.18.05 1.78.1c.72.05 1.45.1 2.17.12c.19 0 .39.01.58.01c.72 0 1.38-.04 2.01-.11c.98-.11 2.47-.37 3.87-1.2c.91-.55 1.57-1.25 2.04-1.76l.22-.23c.4-.41.82-.8 1.23-1.2c.74-.71 1.51-1.44 2.26-2.28l.25-.28c1.02-1.15 1.98-2.23 3-3.14c1.05-.95 1.91-1.93 2.74-2.88c.12-.15.23-.24.33-.35c.91-.9 2.6-2.56 2.63-5.03c.03-1.46-.49-2.78-1.47-3.76"/><path fill="#fff" d="M92.41 31.57c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12 1.05-1.62c.91-1.28 1.71-2.65 2.69-3.9c1.08-1.36 2.16-2.72 3.07-4.2c.62-1 1.37-1.92 2.1-2.85c.55-.68 1.27-2.11 2.2-2.29c1.05-.2 1.33 1.08 1.45 1.85c.19 1.18.39 2.36.59 3.54c.08.51.21 1.03.33 1.54c.16.74.36 1.48.4 2.24c.03.55.19 1.12-.04 1.65c-.17.42-.54.75-.82 1.1c-.43.55-.73 1.19-1.14 1.76c-.37.5-.78.98-1.08 1.52c-.41.71-.62 1.34-1.19 1.98c-.62.7-1.23 1.43-1.88 2.11c-.6.62-1.41 1.11-1.94 1.77c-.42.51-.62 1.16-1.04 1.69c-.58.75-1.18 1.5-1.75 2.26c-.37.47-.76 1.23-1.28 1.54c-.02-.13-.06-.27-.09-.41"/><path fill="#2f2f2f" d="M102.11 5.42c.88 0 1.12 1.16 1.23 1.87c.19 1.18.39 2.36.59 3.54c.08.51.21 1.03.33 1.54c.16.74.36 1.48.4 2.24c.03.55.19 1.12-.04 1.65c-.17.42-.54.75-.82 1.1c-.43.55-.73 1.19-1.14 1.76c-.37.5-.78.98-1.08 1.52c-.41.71-.62 1.34-1.19 1.98c-.62.7-1.23 1.43-1.88 2.11c-.6.62-1.41 1.11-1.94 1.77c-.42.51-.62 1.16-1.04 1.69c-.58.75-1.18 1.5-1.75 2.26c-.37.47-.76 1.23-1.28 1.54c-.03-.15-.06-.29-.09-.43c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12 1.05-1.62c.91-1.28 1.71-2.65 2.69-3.9c1.08-1.36 2.16-2.72 3.07-4.2c.62-1 1.37-1.92 2.1-2.85c.55-.68 1.27-2.11 2.2-2.29c.08.01.15 0 .22 0m0-4.27c-.34 0-.69.03-1.02.1c-2.42.47-3.76 2.42-4.48 3.46c-.08.12-.17.24-.24.34l-.11.14c-.74.92-1.57 1.96-2.3 3.15c-.73 1.18-1.64 2.34-2.6 3.57l-.18.23c-.69.89-1.28 1.76-1.83 2.61c-.33.49-.65.97-.99 1.45l-.2.27c-.41.56-.98 1.32-1.37 2.32c-.58 1.52-.56 3.02-.5 4.01c.05.8.17 1.62.36 2.56c.15.7.32 1.39.49 2.09c.15.59.3 1.17.42 1.76c.22 1.09.43 2.17.67 3.27l.05.22l.03.15l1.19 5.96l5.2-3.15c1.18-.71 1.87-1.74 2.29-2.35c.05-.08.1-.16.16-.23c.45-.59.9-1.16 1.35-1.74l.39-.5c.43-.55.71-1.07.91-1.44c.04-.07.07-.14.11-.21c.09-.08.29-.25.44-.37c.36-.29.8-.65 1.23-1.11c.49-.51.95-1.04 1.4-1.57c.2-.22.39-.45.59-.67c.76-.86 1.17-1.66 1.47-2.25c.08-.14.15-.29.23-.44s.27-.39.45-.62c.12-.17.26-.34.38-.51c.26-.35.5-.74.73-1.13c.11-.17.2-.35.33-.5l.12-.14c.33-.38.88-1.01 1.26-1.92c.61-1.4.47-2.69.4-3.38l-.02-.18c-.06-.99-.26-1.85-.42-2.55l-.08-.38l-.12-.52c-.06-.26-.12-.52-.17-.78l-.24-1.47l-.33-2.05c-.82-5.11-4.38-5.5-5.45-5.5"/><path fill="#fff" d="M93.91 34.02c1.1.03 2.2.06 3.28.08c1.33.03 2.65.18 3.96.22c.67.01 1.33 0 1.98-.08c.74-.09 1.53-.24 2.17-.63c.52-.31.98-.88 1.41-1.31c1.1-1.13 2.3-2.16 3.35-3.35c1.16-1.29 2.3-2.6 3.59-3.76c.88-.79 1.66-1.68 2.43-2.57c.57-.65 1.85-1.62 1.86-2.57c.02-1.07-1.3-1.11-2.08-1.1c-1.2.02-2.39.03-3.59.05c-.52.01-1.05-.03-1.57-.05c-.76-.03-1.52-.1-2.27 0c-.55.07-1.14.01-1.62.33c-.38.25-.64.67-.94 1c-.47.52-1.05.93-1.53 1.44c-.43.45-.83.93-1.31 1.34c-.63.53-1.21.85-1.74 1.52c-.58.74-1.19 1.46-1.75 2.22c-.5.7-.84 1.58-1.4 2.23c-.43.5-1.03.82-1.48 1.33c-.63.71-1.27 1.42-1.91 2.13c-.4.44-1.08.96-1.28 1.52c.15 0 .3.01.44.01"/><path fill="#2f2f2f" d="M109.33 18.91c.46 0 .92.03 1.38.05s.93.06 1.38.06h.19c1.2-.02 2.39-.03 3.59-.05h.2c.78 0 1.89.12 1.87 1.1c-.01.95-1.29 1.92-1.86 2.57c-.78.89-1.55 1.78-2.43 2.57c-1.29 1.16-2.43 2.47-3.59 3.76c-1.05 1.18-2.25 2.21-3.35 3.35c-.42.43-.89 1-1.41 1.31c-.64.39-1.42.54-2.17.63c-.52.06-1.04.08-1.57.08h-.42c-1.31-.03-2.63-.18-3.96-.22c-1.08-.02-2.18-.05-3.28-.08c-.14 0-.29-.01-.43-.02c.21-.56.88-1.08 1.28-1.52c.64-.7 1.27-1.42 1.91-2.13c.45-.5 1.05-.82 1.48-1.33c.56-.64.9-1.53 1.4-2.23c.56-.76 1.17-1.48 1.75-2.22c.53-.67 1.11-.99 1.74-1.52c.48-.4.88-.89 1.31-1.34c.48-.51 1.06-.92 1.53-1.44c.3-.34.55-.75.94-1c.48-.32 1.07-.26 1.62-.33c.3-.04.6-.05.9-.05m0-4.27c-.52 0-.98.03-1.43.09l-.17.01c-.68.05-1.96.13-3.25.99c-.84.56-1.35 1.2-1.66 1.59l-.11.14c-.12.12-.26.25-.42.38c-.35.31-.7.62-1.03.97c-.12.13-.28.29-.42.46c-.2.21-.4.44-.53.54c-.13.11-.27.21-.39.3c-.53.4-1.24.94-1.95 1.84l-.47.59c-.47.58-.94 1.16-1.38 1.76c-.38.52-.66 1.02-.88 1.42c-.09.16-.21.38-.28.5c-.06.05-.12.1-.18.14c-.33.27-.8.64-1.28 1.16l-.63.7c-.42.46-.83.93-1.26 1.39c-.06.07-.12.13-.2.2c-.53.52-1.43 1.39-1.92 2.69l-2.12 5.6l5.98.17l.16.01l.29.01l3.3.09c.58.01 1.18.06 1.78.1c.72.05 1.44.1 2.16.12h.53c.76 0 1.43-.03 2.06-.11c1.01-.12 2.5-.38 3.89-1.22c.89-.54 1.54-1.23 2.01-1.74l.22-.24c.42-.42.83-.82 1.25-1.22c.74-.7 1.5-1.44 2.25-2.28l.3-.33c1-1.13 1.95-2.19 2.95-3.09c1.07-.96 1.95-1.97 2.8-2.95c.08-.09.18-.18.29-.29c.9-.9 2.58-2.56 2.62-5.03c.02-1.42-.5-2.74-1.48-3.72c-1.68-1.7-3.92-1.7-4.66-1.7h-.3c-.67.01-1.35.03-2.02.03l-1.56.02h-.11c-.22 0-.46-.01-.68-.03l-.53-.03l-.33-.02c-.4.01-.81-.01-1.21-.01"/><path fill="#2f2f2f" d="M110.89 14.27c-.34-.58-1.05-1.35-2.48-1.71c-.32-.08-.64-.12-.95-.12c-1.74 0-2.82 1.25-3.79 2.37c-1.35 1.57-2.63 3.23-3.88 4.83c-.63.81-1.26 1.63-1.9 2.43c-1.42 1.79-9.23 11.64-16.67 21.03c-4.94 6.24-10.98 13.76-14.13 17.69c-1.2 1.5-1.99 2.48-2.15 2.68c-.46.58-.74 1.15-.87 1.73c-.12.59.02 1.18.42 1.66c.44.55 1.16.89 1.88.89c.26 0 .51-.05.74-.13c.2-.08.8-.31 3.55-3.35c2.03-2.25 4.84-5.49 7.85-8.97c2.32-2.68 4.75-5.5 7.07-8.12c14.29-16.23 21.74-24.74 22.74-26.02l.35-.43c1.51-1.86 2.37-3 2.55-3.69c.25-.96.13-1.97-.33-2.77"/></svg>
reactReact 组件（TSX）
export function DirectHitIcon(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: `<circle cx="64.65" cy="65.14" r="54.49" fill="#006ca2"/><circle cx="64.65" cy="65.14" r="35.33" fill="#ed6c30"/><path fill="#fff" d="M64.65 102.59c-20.66 0-37.46-16.8-37.46-37.46s16.8-37.46 37.46-37.46c20.65 0 37.46 16.81 37.46 37.46c0 20.66-16.81 37.46-37.46 37.46m0-70.65c-18.3 0-33.19 14.89-33.19 33.19s14.89 33.19 33.19 33.19s33.19-14.89 33.19-33.19s-14.88-33.19-33.19-33.19"/><circle cx="64.65" cy="65.14" r="16.66" fill="#fff"/><path fill="#fff" d="M122.15 20.3c-1.67-1.7-3.92-1.7-4.67-1.7h-.28l-1.92.03c-1.35.02-3.19.42-3.98-.91c-.62-1.04-1.12-1.25-2.33-1.54c-1-.24-2.17-.39-2.44-1.57c-.15-.64-.06-1.3-.14-1.96c-.11-.91-.31-1.74-.31-2.69c.01-.94-.07-1.82-.15-2.74c-.03-.41-.03-.87-.29-1.22c-.56-.73-1.14-.95-2.12-.95c-.33 0-.68.04-1.02.1c-2.42.47-3.76 2.43-4.49 3.48c-.08.12-.16.24-.23.33l-.09.14c-.74.92-1.58 1.97-2.32 3.16c-.71 1.16-1.6 2.3-2.54 3.5l-.24.31c-.69.88-1.28 1.76-1.84 2.61c-.32.48-.63.97-.97 1.44l-.19.25c-.42.56-1 1.33-1.38 2.33c-.57 1.52-.57 3.02-.5 4.01c.05.8.17 1.63.36 2.56c.14.7.32 1.4.49 2.1c.15.58.3 1.16.42 1.75c.21 1.09.44 2.17.67 3.26l.03.15l.06.28c.07.3.17.58.3.85c-2.35 2.95-4.9 6.18-7.41 9.35c-4.93 6.25-10.97 13.76-14.13 17.7c-1.2 1.5-1.98 2.48-2.14 2.68c-.46.58-.74 1.15-.87 1.73c-.12.59.02 1.18.41 1.66c.44.55 1.17.89 1.88.89c.26 0 .51-.05.74-.13c.21-.07.8-.31 3.54-3.35c2.03-2.25 4.84-5.49 7.86-8.97c2.31-2.68 4.75-5.5 7.06-8.12c2.9-3.29 5.51-6.25 7.89-8.91l.33.01c1.1.04 2.2.06 3.31.09c.58.01 1.18.05 1.78.1c.72.05 1.45.1 2.17.12c.19 0 .39.01.58.01c.72 0 1.38-.04 2.01-.11c.98-.11 2.47-.37 3.87-1.2c.91-.55 1.57-1.25 2.04-1.76l.22-.23c.4-.41.82-.8 1.23-1.2c.74-.71 1.51-1.44 2.26-2.28l.25-.28c1.02-1.15 1.98-2.23 3-3.14c1.05-.95 1.91-1.93 2.74-2.88c.12-.15.23-.24.33-.35c.91-.9 2.6-2.56 2.63-5.03c.03-1.46-.49-2.78-1.47-3.76"/><path fill="#fff" d="M92.41 31.57c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12 1.05-1.62c.91-1.28 1.71-2.65 2.69-3.9c1.08-1.36 2.16-2.72 3.07-4.2c.62-1 1.37-1.92 2.1-2.85c.55-.68 1.27-2.11 2.2-2.29c1.05-.2 1.33 1.08 1.45 1.85c.19 1.18.39 2.36.59 3.54c.08.51.21 1.03.33 1.54c.16.74.36 1.48.4 2.24c.03.55.19 1.12-.04 1.65c-.17.42-.54.75-.82 1.1c-.43.55-.73 1.19-1.14 1.76c-.37.5-.78.98-1.08 1.52c-.41.71-.62 1.34-1.19 1.98c-.62.7-1.23 1.43-1.88 2.11c-.6.62-1.41 1.11-1.94 1.77c-.42.51-.62 1.16-1.04 1.69c-.58.75-1.18 1.5-1.75 2.26c-.37.47-.76 1.23-1.28 1.54c-.02-.13-.06-.27-.09-.41"/><path fill="#2f2f2f" d="M102.11 5.42c.88 0 1.12 1.16 1.23 1.87c.19 1.18.39 2.36.59 3.54c.08.51.21 1.03.33 1.54c.16.74.36 1.48.4 2.24c.03.55.19 1.12-.04 1.65c-.17.42-.54.75-.82 1.1c-.43.55-.73 1.19-1.14 1.76c-.37.5-.78.98-1.08 1.52c-.41.71-.62 1.34-1.19 1.98c-.62.7-1.23 1.43-1.88 2.11c-.6.62-1.41 1.11-1.94 1.77c-.42.51-.62 1.16-1.04 1.69c-.58.75-1.18 1.5-1.75 2.26c-.37.47-.76 1.23-1.28 1.54c-.03-.15-.06-.29-.09-.43c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12 1.05-1.62c.91-1.28 1.71-2.65 2.69-3.9c1.08-1.36 2.16-2.72 3.07-4.2c.62-1 1.37-1.92 2.1-2.85c.55-.68 1.27-2.11 2.2-2.29c.08.01.15 0 .22 0m0-4.27c-.34 0-.69.03-1.02.1c-2.42.47-3.76 2.42-4.48 3.46c-.08.12-.17.24-.24.34l-.11.14c-.74.92-1.57 1.96-2.3 3.15c-.73 1.18-1.64 2.34-2.6 3.57l-.18.23c-.69.89-1.28 1.76-1.83 2.61c-.33.49-.65.97-.99 1.45l-.2.27c-.41.56-.98 1.32-1.37 2.32c-.58 1.52-.56 3.02-.5 4.01c.05.8.17 1.62.36 2.56c.15.7.32 1.39.49 2.09c.15.59.3 1.17.42 1.76c.22 1.09.43 2.17.67 3.27l.05.22l.03.15l1.19 5.96l5.2-3.15c1.18-.71 1.87-1.74 2.29-2.35c.05-.08.1-.16.16-.23c.45-.59.9-1.16 1.35-1.74l.39-.5c.43-.55.71-1.07.91-1.44c.04-.07.07-.14.11-.21c.09-.08.29-.25.44-.37c.36-.29.8-.65 1.23-1.11c.49-.51.95-1.04 1.4-1.57c.2-.22.39-.45.59-.67c.76-.86 1.17-1.66 1.47-2.25c.08-.14.15-.29.23-.44s.27-.39.45-.62c.12-.17.26-.34.38-.51c.26-.35.5-.74.73-1.13c.11-.17.2-.35.33-.5l.12-.14c.33-.38.88-1.01 1.26-1.92c.61-1.4.47-2.69.4-3.38l-.02-.18c-.06-.99-.26-1.85-.42-2.55l-.08-.38l-.12-.52c-.06-.26-.12-.52-.17-.78l-.24-1.47l-.33-2.05c-.82-5.11-4.38-5.5-5.45-5.5"/><path fill="#fff" d="M93.91 34.02c1.1.03 2.2.06 3.28.08c1.33.03 2.65.18 3.96.22c.67.01 1.33 0 1.98-.08c.74-.09 1.53-.24 2.17-.63c.52-.31.98-.88 1.41-1.31c1.1-1.13 2.3-2.16 3.35-3.35c1.16-1.29 2.3-2.6 3.59-3.76c.88-.79 1.66-1.68 2.43-2.57c.57-.65 1.85-1.62 1.86-2.57c.02-1.07-1.3-1.11-2.08-1.1c-1.2.02-2.39.03-3.59.05c-.52.01-1.05-.03-1.57-.05c-.76-.03-1.52-.1-2.27 0c-.55.07-1.14.01-1.62.33c-.38.25-.64.67-.94 1c-.47.52-1.05.93-1.53 1.44c-.43.45-.83.93-1.31 1.34c-.63.53-1.21.85-1.74 1.52c-.58.74-1.19 1.46-1.75 2.22c-.5.7-.84 1.58-1.4 2.23c-.43.5-1.03.82-1.48 1.33c-.63.71-1.27 1.42-1.91 2.13c-.4.44-1.08.96-1.28 1.52c.15 0 .3.01.44.01"/><path fill="#2f2f2f" d="M109.33 18.91c.46 0 .92.03 1.38.05s.93.06 1.38.06h.19c1.2-.02 2.39-.03 3.59-.05h.2c.78 0 1.89.12 1.87 1.1c-.01.95-1.29 1.92-1.86 2.57c-.78.89-1.55 1.78-2.43 2.57c-1.29 1.16-2.43 2.47-3.59 3.76c-1.05 1.18-2.25 2.21-3.35 3.35c-.42.43-.89 1-1.41 1.31c-.64.39-1.42.54-2.17.63c-.52.06-1.04.08-1.57.08h-.42c-1.31-.03-2.63-.18-3.96-.22c-1.08-.02-2.18-.05-3.28-.08c-.14 0-.29-.01-.43-.02c.21-.56.88-1.08 1.28-1.52c.64-.7 1.27-1.42 1.91-2.13c.45-.5 1.05-.82 1.48-1.33c.56-.64.9-1.53 1.4-2.23c.56-.76 1.17-1.48 1.75-2.22c.53-.67 1.11-.99 1.74-1.52c.48-.4.88-.89 1.31-1.34c.48-.51 1.06-.92 1.53-1.44c.3-.34.55-.75.94-1c.48-.32 1.07-.26 1.62-.33c.3-.04.6-.05.9-.05m0-4.27c-.52 0-.98.03-1.43.09l-.17.01c-.68.05-1.96.13-3.25.99c-.84.56-1.35 1.2-1.66 1.59l-.11.14c-.12.12-.26.25-.42.38c-.35.31-.7.62-1.03.97c-.12.13-.28.29-.42.46c-.2.21-.4.44-.53.54c-.13.11-.27.21-.39.3c-.53.4-1.24.94-1.95 1.84l-.47.59c-.47.58-.94 1.16-1.38 1.76c-.38.52-.66 1.02-.88 1.42c-.09.16-.21.38-.28.5c-.06.05-.12.1-.18.14c-.33.27-.8.64-1.28 1.16l-.63.7c-.42.46-.83.93-1.26 1.39c-.06.07-.12.13-.2.2c-.53.52-1.43 1.39-1.92 2.69l-2.12 5.6l5.98.17l.16.01l.29.01l3.3.09c.58.01 1.18.06 1.78.1c.72.05 1.44.1 2.16.12h.53c.76 0 1.43-.03 2.06-.11c1.01-.12 2.5-.38 3.89-1.22c.89-.54 1.54-1.23 2.01-1.74l.22-.24c.42-.42.83-.82 1.25-1.22c.74-.7 1.5-1.44 2.25-2.28l.3-.33c1-1.13 1.95-2.19 2.95-3.09c1.07-.96 1.95-1.97 2.8-2.95c.08-.09.18-.18.29-.29c.9-.9 2.58-2.56 2.62-5.03c.02-1.42-.5-2.74-1.48-3.72c-1.68-1.7-3.92-1.7-4.66-1.7h-.3c-.67.01-1.35.03-2.02.03l-1.56.02h-.11c-.22 0-.46-.01-.68-.03l-.53-.03l-.33-.02c-.4.01-.81-.01-1.21-.01"/><path fill="#2f2f2f" d="M110.89 14.27c-.34-.58-1.05-1.35-2.48-1.71c-.32-.08-.64-.12-.95-.12c-1.74 0-2.82 1.25-3.79 2.37c-1.35 1.57-2.63 3.23-3.88 4.83c-.63.81-1.26 1.63-1.9 2.43c-1.42 1.79-9.23 11.64-16.67 21.03c-4.94 6.24-10.98 13.76-14.13 17.69c-1.2 1.5-1.99 2.48-2.15 2.68c-.46.58-.74 1.15-.87 1.73c-.12.59.02 1.18.42 1.66c.44.55 1.16.89 1.88.89c.26 0 .51-.05.74-.13c.2-.08.8-.31 3.55-3.35c2.03-2.25 4.84-5.49 7.85-8.97c2.32-2.68 4.75-5.5 7.07-8.12c14.29-16.23 21.74-24.74 22.74-26.02l.35-.43c1.51-1.86 2.37-3 2.55-3.69c.25-.96.13-1.97-.33-2.77"/>` }}
    />
  );
}
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 = `<circle cx="64.65" cy="65.14" r="54.49" fill="#006ca2"/><circle cx="64.65" cy="65.14" r="35.33" fill="#ed6c30"/><path fill="#fff" d="M64.65 102.59c-20.66 0-37.46-16.8-37.46-37.46s16.8-37.46 37.46-37.46c20.65 0 37.46 16.81 37.46 37.46c0 20.66-16.81 37.46-37.46 37.46m0-70.65c-18.3 0-33.19 14.89-33.19 33.19s14.89 33.19 33.19 33.19s33.19-14.89 33.19-33.19s-14.88-33.19-33.19-33.19"/><circle cx="64.65" cy="65.14" r="16.66" fill="#fff"/><path fill="#fff" d="M122.15 20.3c-1.67-1.7-3.92-1.7-4.67-1.7h-.28l-1.92.03c-1.35.02-3.19.42-3.98-.91c-.62-1.04-1.12-1.25-2.33-1.54c-1-.24-2.17-.39-2.44-1.57c-.15-.64-.06-1.3-.14-1.96c-.11-.91-.31-1.74-.31-2.69c.01-.94-.07-1.82-.15-2.74c-.03-.41-.03-.87-.29-1.22c-.56-.73-1.14-.95-2.12-.95c-.33 0-.68.04-1.02.1c-2.42.47-3.76 2.43-4.49 3.48c-.08.12-.16.24-.23.33l-.09.14c-.74.92-1.58 1.97-2.32 3.16c-.71 1.16-1.6 2.3-2.54 3.5l-.24.31c-.69.88-1.28 1.76-1.84 2.61c-.32.48-.63.97-.97 1.44l-.19.25c-.42.56-1 1.33-1.38 2.33c-.57 1.52-.57 3.02-.5 4.01c.05.8.17 1.63.36 2.56c.14.7.32 1.4.49 2.1c.15.58.3 1.16.42 1.75c.21 1.09.44 2.17.67 3.26l.03.15l.06.28c.07.3.17.58.3.85c-2.35 2.95-4.9 6.18-7.41 9.35c-4.93 6.25-10.97 13.76-14.13 17.7c-1.2 1.5-1.98 2.48-2.14 2.68c-.46.58-.74 1.15-.87 1.73c-.12.59.02 1.18.41 1.66c.44.55 1.17.89 1.88.89c.26 0 .51-.05.74-.13c.21-.07.8-.31 3.54-3.35c2.03-2.25 4.84-5.49 7.86-8.97c2.31-2.68 4.75-5.5 7.06-8.12c2.9-3.29 5.51-6.25 7.89-8.91l.33.01c1.1.04 2.2.06 3.31.09c.58.01 1.18.05 1.78.1c.72.05 1.45.1 2.17.12c.19 0 .39.01.58.01c.72 0 1.38-.04 2.01-.11c.98-.11 2.47-.37 3.87-1.2c.91-.55 1.57-1.25 2.04-1.76l.22-.23c.4-.41.82-.8 1.23-1.2c.74-.71 1.51-1.44 2.26-2.28l.25-.28c1.02-1.15 1.98-2.23 3-3.14c1.05-.95 1.91-1.93 2.74-2.88c.12-.15.23-.24.33-.35c.91-.9 2.6-2.56 2.63-5.03c.03-1.46-.49-2.78-1.47-3.76"/><path fill="#fff" d="M92.41 31.57c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12 1.05-1.62c.91-1.28 1.71-2.65 2.69-3.9c1.08-1.36 2.16-2.72 3.07-4.2c.62-1 1.37-1.92 2.1-2.85c.55-.68 1.27-2.11 2.2-2.29c1.05-.2 1.33 1.08 1.45 1.85c.19 1.18.39 2.36.59 3.54c.08.51.21 1.03.33 1.54c.16.74.36 1.48.4 2.24c.03.55.19 1.12-.04 1.65c-.17.42-.54.75-.82 1.1c-.43.55-.73 1.19-1.14 1.76c-.37.5-.78.98-1.08 1.52c-.41.71-.62 1.34-1.19 1.98c-.62.7-1.23 1.43-1.88 2.11c-.6.62-1.41 1.11-1.94 1.77c-.42.51-.62 1.16-1.04 1.69c-.58.75-1.18 1.5-1.75 2.26c-.37.47-.76 1.23-1.28 1.54c-.02-.13-.06-.27-.09-.41"/><path fill="#2f2f2f" d="M102.11 5.42c.88 0 1.12 1.16 1.23 1.87c.19 1.18.39 2.36.59 3.54c.08.51.21 1.03.33 1.54c.16.74.36 1.48.4 2.24c.03.55.19 1.12-.04 1.65c-.17.42-.54.75-.82 1.1c-.43.55-.73 1.19-1.14 1.76c-.37.5-.78.98-1.08 1.52c-.41.71-.62 1.34-1.19 1.98c-.62.7-1.23 1.43-1.88 2.11c-.6.62-1.41 1.11-1.94 1.77c-.42.51-.62 1.16-1.04 1.69c-.58.75-1.18 1.5-1.75 2.26c-.37.47-.76 1.23-1.28 1.54c-.03-.15-.06-.29-.09-.43c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12 1.05-1.62c.91-1.28 1.71-2.65 2.69-3.9c1.08-1.36 2.16-2.72 3.07-4.2c.62-1 1.37-1.92 2.1-2.85c.55-.68 1.27-2.11 2.2-2.29c.08.01.15 0 .22 0m0-4.27c-.34 0-.69.03-1.02.1c-2.42.47-3.76 2.42-4.48 3.46c-.08.12-.17.24-.24.34l-.11.14c-.74.92-1.57 1.96-2.3 3.15c-.73 1.18-1.64 2.34-2.6 3.57l-.18.23c-.69.89-1.28 1.76-1.83 2.61c-.33.49-.65.97-.99 1.45l-.2.27c-.41.56-.98 1.32-1.37 2.32c-.58 1.52-.56 3.02-.5 4.01c.05.8.17 1.62.36 2.56c.15.7.32 1.39.49 2.09c.15.59.3 1.17.42 1.76c.22 1.09.43 2.17.67 3.27l.05.22l.03.15l1.19 5.96l5.2-3.15c1.18-.71 1.87-1.74 2.29-2.35c.05-.08.1-.16.16-.23c.45-.59.9-1.16 1.35-1.74l.39-.5c.43-.55.71-1.07.91-1.44c.04-.07.07-.14.11-.21c.09-.08.29-.25.44-.37c.36-.29.8-.65 1.23-1.11c.49-.51.95-1.04 1.4-1.57c.2-.22.39-.45.59-.67c.76-.86 1.17-1.66 1.47-2.25c.08-.14.15-.29.23-.44s.27-.39.45-.62c.12-.17.26-.34.38-.51c.26-.35.5-.74.73-1.13c.11-.17.2-.35.33-.5l.12-.14c.33-.38.88-1.01 1.26-1.92c.61-1.4.47-2.69.4-3.38l-.02-.18c-.06-.99-.26-1.85-.42-2.55l-.08-.38l-.12-.52c-.06-.26-.12-.52-.17-.78l-.24-1.47l-.33-2.05c-.82-5.11-4.38-5.5-5.45-5.5"/><path fill="#fff" d="M93.91 34.02c1.1.03 2.2.06 3.28.08c1.33.03 2.65.18 3.96.22c.67.01 1.33 0 1.98-.08c.74-.09 1.53-.24 2.17-.63c.52-.31.98-.88 1.41-1.31c1.1-1.13 2.3-2.16 3.35-3.35c1.16-1.29 2.3-2.6 3.59-3.76c.88-.79 1.66-1.68 2.43-2.57c.57-.65 1.85-1.62 1.86-2.57c.02-1.07-1.3-1.11-2.08-1.1c-1.2.02-2.39.03-3.59.05c-.52.01-1.05-.03-1.57-.05c-.76-.03-1.52-.1-2.27 0c-.55.07-1.14.01-1.62.33c-.38.25-.64.67-.94 1c-.47.52-1.05.93-1.53 1.44c-.43.45-.83.93-1.31 1.34c-.63.53-1.21.85-1.74 1.52c-.58.74-1.19 1.46-1.75 2.22c-.5.7-.84 1.58-1.4 2.23c-.43.5-1.03.82-1.48 1.33c-.63.71-1.27 1.42-1.91 2.13c-.4.44-1.08.96-1.28 1.52c.15 0 .3.01.44.01"/><path fill="#2f2f2f" d="M109.33 18.91c.46 0 .92.03 1.38.05s.93.06 1.38.06h.19c1.2-.02 2.39-.03 3.59-.05h.2c.78 0 1.89.12 1.87 1.1c-.01.95-1.29 1.92-1.86 2.57c-.78.89-1.55 1.78-2.43 2.57c-1.29 1.16-2.43 2.47-3.59 3.76c-1.05 1.18-2.25 2.21-3.35 3.35c-.42.43-.89 1-1.41 1.31c-.64.39-1.42.54-2.17.63c-.52.06-1.04.08-1.57.08h-.42c-1.31-.03-2.63-.18-3.96-.22c-1.08-.02-2.18-.05-3.28-.08c-.14 0-.29-.01-.43-.02c.21-.56.88-1.08 1.28-1.52c.64-.7 1.27-1.42 1.91-2.13c.45-.5 1.05-.82 1.48-1.33c.56-.64.9-1.53 1.4-2.23c.56-.76 1.17-1.48 1.75-2.22c.53-.67 1.11-.99 1.74-1.52c.48-.4.88-.89 1.31-1.34c.48-.51 1.06-.92 1.53-1.44c.3-.34.55-.75.94-1c.48-.32 1.07-.26 1.62-.33c.3-.04.6-.05.9-.05m0-4.27c-.52 0-.98.03-1.43.09l-.17.01c-.68.05-1.96.13-3.25.99c-.84.56-1.35 1.2-1.66 1.59l-.11.14c-.12.12-.26.25-.42.38c-.35.31-.7.62-1.03.97c-.12.13-.28.29-.42.46c-.2.21-.4.44-.53.54c-.13.11-.27.21-.39.3c-.53.4-1.24.94-1.95 1.84l-.47.59c-.47.58-.94 1.16-1.38 1.76c-.38.52-.66 1.02-.88 1.42c-.09.16-.21.38-.28.5c-.06.05-.12.1-.18.14c-.33.27-.8.64-1.28 1.16l-.63.7c-.42.46-.83.93-1.26 1.39c-.06.07-.12.13-.2.2c-.53.52-1.43 1.39-1.92 2.69l-2.12 5.6l5.98.17l.16.01l.29.01l3.3.09c.58.01 1.18.06 1.78.1c.72.05 1.44.1 2.16.12h.53c.76 0 1.43-.03 2.06-.11c1.01-.12 2.5-.38 3.89-1.22c.89-.54 1.54-1.23 2.01-1.74l.22-.24c.42-.42.83-.82 1.25-1.22c.74-.7 1.5-1.44 2.25-2.28l.3-.33c1-1.13 1.95-2.19 2.95-3.09c1.07-.96 1.95-1.97 2.8-2.95c.08-.09.18-.18.29-.29c.9-.9 2.58-2.56 2.62-5.03c.02-1.42-.5-2.74-1.48-3.72c-1.68-1.7-3.92-1.7-4.66-1.7h-.3c-.67.01-1.35.03-2.02.03l-1.56.02h-.11c-.22 0-.46-.01-.68-.03l-.53-.03l-.33-.02c-.4.01-.81-.01-1.21-.01"/><path fill="#2f2f2f" d="M110.89 14.27c-.34-.58-1.05-1.35-2.48-1.71c-.32-.08-.64-.12-.95-.12c-1.74 0-2.82 1.25-3.79 2.37c-1.35 1.57-2.63 3.23-3.88 4.83c-.63.81-1.26 1.63-1.9 2.43c-1.42 1.79-9.23 11.64-16.67 21.03c-4.94 6.24-10.98 13.76-14.13 17.69c-1.2 1.5-1.99 2.48-2.15 2.68c-.46.58-.74 1.15-.87 1.73c-.12.59.02 1.18.42 1.66c.44.55 1.16.89 1.88.89c.26 0 .51-.05.74-.13c.2-.08.8-.31 3.55-3.35c2.03-2.25 4.84-5.49 7.85-8.97c2.32-2.68 4.75-5.5 7.07-8.12c14.29-16.23 21.74-24.74 22.74-26.02l.35-.43c1.51-1.86 2.37-3 2.55-3.69c.25-.96.13-1.97-.33-2.77"/>`;
</script>
cssCSS mask（随 currentColor 改色）
.direct-hit {
  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%3Ccircle%20cx%3D%2264.65%22%20cy%3D%2265.14%22%20r%3D%2254.49%22%20fill%3D%22%23006ca2%22%2F%3E%3Ccircle%20cx%3D%2264.65%22%20cy%3D%2265.14%22%20r%3D%2235.33%22%20fill%3D%22%23ed6c30%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.65%20102.59c-20.66%200-37.46-16.8-37.46-37.46s16.8-37.46%2037.46-37.46c20.65%200%2037.46%2016.81%2037.46%2037.46c0%2020.66-16.81%2037.46-37.46%2037.46m0-70.65c-18.3%200-33.19%2014.89-33.19%2033.19s14.89%2033.19%2033.19%2033.19s33.19-14.89%2033.19-33.19s-14.88-33.19-33.19-33.19%22%2F%3E%3Ccircle%20cx%3D%2264.65%22%20cy%3D%2265.14%22%20r%3D%2216.66%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M122.15%2020.3c-1.67-1.7-3.92-1.7-4.67-1.7h-.28l-1.92.03c-1.35.02-3.19.42-3.98-.91c-.62-1.04-1.12-1.25-2.33-1.54c-1-.24-2.17-.39-2.44-1.57c-.15-.64-.06-1.3-.14-1.96c-.11-.91-.31-1.74-.31-2.69c.01-.94-.07-1.82-.15-2.74c-.03-.41-.03-.87-.29-1.22c-.56-.73-1.14-.95-2.12-.95c-.33%200-.68.04-1.02.1c-2.42.47-3.76%202.43-4.49%203.48c-.08.12-.16.24-.23.33l-.09.14c-.74.92-1.58%201.97-2.32%203.16c-.71%201.16-1.6%202.3-2.54%203.5l-.24.31c-.69.88-1.28%201.76-1.84%202.61c-.32.48-.63.97-.97%201.44l-.19.25c-.42.56-1%201.33-1.38%202.33c-.57%201.52-.57%203.02-.5%204.01c.05.8.17%201.63.36%202.56c.14.7.32%201.4.49%202.1c.15.58.3%201.16.42%201.75c.21%201.09.44%202.17.67%203.26l.03.15l.06.28c.07.3.17.58.3.85c-2.35%202.95-4.9%206.18-7.41%209.35c-4.93%206.25-10.97%2013.76-14.13%2017.7c-1.2%201.5-1.98%202.48-2.14%202.68c-.46.58-.74%201.15-.87%201.73c-.12.59.02%201.18.41%201.66c.44.55%201.17.89%201.88.89c.26%200%20.51-.05.74-.13c.21-.07.8-.31%203.54-3.35c2.03-2.25%204.84-5.49%207.86-8.97c2.31-2.68%204.75-5.5%207.06-8.12c2.9-3.29%205.51-6.25%207.89-8.91l.33.01c1.1.04%202.2.06%203.31.09c.58.01%201.18.05%201.78.1c.72.05%201.45.1%202.17.12c.19%200%20.39.01.58.01c.72%200%201.38-.04%202.01-.11c.98-.11%202.47-.37%203.87-1.2c.91-.55%201.57-1.25%202.04-1.76l.22-.23c.4-.41.82-.8%201.23-1.2c.74-.71%201.51-1.44%202.26-2.28l.25-.28c1.02-1.15%201.98-2.23%203-3.14c1.05-.95%201.91-1.93%202.74-2.88c.12-.15.23-.24.33-.35c.91-.9%202.6-2.56%202.63-5.03c.03-1.46-.49-2.78-1.47-3.76%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M92.41%2031.57c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12%201.05-1.62c.91-1.28%201.71-2.65%202.69-3.9c1.08-1.36%202.16-2.72%203.07-4.2c.62-1%201.37-1.92%202.1-2.85c.55-.68%201.27-2.11%202.2-2.29c1.05-.2%201.33%201.08%201.45%201.85c.19%201.18.39%202.36.59%203.54c.08.51.21%201.03.33%201.54c.16.74.36%201.48.4%202.24c.03.55.19%201.12-.04%201.65c-.17.42-.54.75-.82%201.1c-.43.55-.73%201.19-1.14%201.76c-.37.5-.78.98-1.08%201.52c-.41.71-.62%201.34-1.19%201.98c-.62.7-1.23%201.43-1.88%202.11c-.6.62-1.41%201.11-1.94%201.77c-.42.51-.62%201.16-1.04%201.69c-.58.75-1.18%201.5-1.75%202.26c-.37.47-.76%201.23-1.28%201.54c-.02-.13-.06-.27-.09-.41%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M102.11%205.42c.88%200%201.12%201.16%201.23%201.87c.19%201.18.39%202.36.59%203.54c.08.51.21%201.03.33%201.54c.16.74.36%201.48.4%202.24c.03.55.19%201.12-.04%201.65c-.17.42-.54.75-.82%201.1c-.43.55-.73%201.19-1.14%201.76c-.37.5-.78.98-1.08%201.52c-.41.71-.62%201.34-1.19%201.98c-.62.7-1.23%201.43-1.88%202.11c-.6.62-1.41%201.11-1.94%201.77c-.42.51-.62%201.16-1.04%201.69c-.58.75-1.18%201.5-1.75%202.26c-.37.47-.76%201.23-1.28%201.54c-.03-.15-.06-.29-.09-.43c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12%201.05-1.62c.91-1.28%201.71-2.65%202.69-3.9c1.08-1.36%202.16-2.72%203.07-4.2c.62-1%201.37-1.92%202.1-2.85c.55-.68%201.27-2.11%202.2-2.29c.08.01.15%200%20.22%200m0-4.27c-.34%200-.69.03-1.02.1c-2.42.47-3.76%202.42-4.48%203.46c-.08.12-.17.24-.24.34l-.11.14c-.74.92-1.57%201.96-2.3%203.15c-.73%201.18-1.64%202.34-2.6%203.57l-.18.23c-.69.89-1.28%201.76-1.83%202.61c-.33.49-.65.97-.99%201.45l-.2.27c-.41.56-.98%201.32-1.37%202.32c-.58%201.52-.56%203.02-.5%204.01c.05.8.17%201.62.36%202.56c.15.7.32%201.39.49%202.09c.15.59.3%201.17.42%201.76c.22%201.09.43%202.17.67%203.27l.05.22l.03.15l1.19%205.96l5.2-3.15c1.18-.71%201.87-1.74%202.29-2.35c.05-.08.1-.16.16-.23c.45-.59.9-1.16%201.35-1.74l.39-.5c.43-.55.71-1.07.91-1.44c.04-.07.07-.14.11-.21c.09-.08.29-.25.44-.37c.36-.29.8-.65%201.23-1.11c.49-.51.95-1.04%201.4-1.57c.2-.22.39-.45.59-.67c.76-.86%201.17-1.66%201.47-2.25c.08-.14.15-.29.23-.44s.27-.39.45-.62c.12-.17.26-.34.38-.51c.26-.35.5-.74.73-1.13c.11-.17.2-.35.33-.5l.12-.14c.33-.38.88-1.01%201.26-1.92c.61-1.4.47-2.69.4-3.38l-.02-.18c-.06-.99-.26-1.85-.42-2.55l-.08-.38l-.12-.52c-.06-.26-.12-.52-.17-.78l-.24-1.47l-.33-2.05c-.82-5.11-4.38-5.5-5.45-5.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M93.91%2034.02c1.1.03%202.2.06%203.28.08c1.33.03%202.65.18%203.96.22c.67.01%201.33%200%201.98-.08c.74-.09%201.53-.24%202.17-.63c.52-.31.98-.88%201.41-1.31c1.1-1.13%202.3-2.16%203.35-3.35c1.16-1.29%202.3-2.6%203.59-3.76c.88-.79%201.66-1.68%202.43-2.57c.57-.65%201.85-1.62%201.86-2.57c.02-1.07-1.3-1.11-2.08-1.1c-1.2.02-2.39.03-3.59.05c-.52.01-1.05-.03-1.57-.05c-.76-.03-1.52-.1-2.27%200c-.55.07-1.14.01-1.62.33c-.38.25-.64.67-.94%201c-.47.52-1.05.93-1.53%201.44c-.43.45-.83.93-1.31%201.34c-.63.53-1.21.85-1.74%201.52c-.58.74-1.19%201.46-1.75%202.22c-.5.7-.84%201.58-1.4%202.23c-.43.5-1.03.82-1.48%201.33c-.63.71-1.27%201.42-1.91%202.13c-.4.44-1.08.96-1.28%201.52c.15%200%20.3.01.44.01%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M109.33%2018.91c.46%200%20.92.03%201.38.05s.93.06%201.38.06h.19c1.2-.02%202.39-.03%203.59-.05h.2c.78%200%201.89.12%201.87%201.1c-.01.95-1.29%201.92-1.86%202.57c-.78.89-1.55%201.78-2.43%202.57c-1.29%201.16-2.43%202.47-3.59%203.76c-1.05%201.18-2.25%202.21-3.35%203.35c-.42.43-.89%201-1.41%201.31c-.64.39-1.42.54-2.17.63c-.52.06-1.04.08-1.57.08h-.42c-1.31-.03-2.63-.18-3.96-.22c-1.08-.02-2.18-.05-3.28-.08c-.14%200-.29-.01-.43-.02c.21-.56.88-1.08%201.28-1.52c.64-.7%201.27-1.42%201.91-2.13c.45-.5%201.05-.82%201.48-1.33c.56-.64.9-1.53%201.4-2.23c.56-.76%201.17-1.48%201.75-2.22c.53-.67%201.11-.99%201.74-1.52c.48-.4.88-.89%201.31-1.34c.48-.51%201.06-.92%201.53-1.44c.3-.34.55-.75.94-1c.48-.32%201.07-.26%201.62-.33c.3-.04.6-.05.9-.05m0-4.27c-.52%200-.98.03-1.43.09l-.17.01c-.68.05-1.96.13-3.25.99c-.84.56-1.35%201.2-1.66%201.59l-.11.14c-.12.12-.26.25-.42.38c-.35.31-.7.62-1.03.97c-.12.13-.28.29-.42.46c-.2.21-.4.44-.53.54c-.13.11-.27.21-.39.3c-.53.4-1.24.94-1.95%201.84l-.47.59c-.47.58-.94%201.16-1.38%201.76c-.38.52-.66%201.02-.88%201.42c-.09.16-.21.38-.28.5c-.06.05-.12.1-.18.14c-.33.27-.8.64-1.28%201.16l-.63.7c-.42.46-.83.93-1.26%201.39c-.06.07-.12.13-.2.2c-.53.52-1.43%201.39-1.92%202.69l-2.12%205.6l5.98.17l.16.01l.29.01l3.3.09c.58.01%201.18.06%201.78.1c.72.05%201.44.1%202.16.12h.53c.76%200%201.43-.03%202.06-.11c1.01-.12%202.5-.38%203.89-1.22c.89-.54%201.54-1.23%202.01-1.74l.22-.24c.42-.42.83-.82%201.25-1.22c.74-.7%201.5-1.44%202.25-2.28l.3-.33c1-1.13%201.95-2.19%202.95-3.09c1.07-.96%201.95-1.97%202.8-2.95c.08-.09.18-.18.29-.29c.9-.9%202.58-2.56%202.62-5.03c.02-1.42-.5-2.74-1.48-3.72c-1.68-1.7-3.92-1.7-4.66-1.7h-.3c-.67.01-1.35.03-2.02.03l-1.56.02h-.11c-.22%200-.46-.01-.68-.03l-.53-.03l-.33-.02c-.4.01-.81-.01-1.21-.01%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M110.89%2014.27c-.34-.58-1.05-1.35-2.48-1.71c-.32-.08-.64-.12-.95-.12c-1.74%200-2.82%201.25-3.79%202.37c-1.35%201.57-2.63%203.23-3.88%204.83c-.63.81-1.26%201.63-1.9%202.43c-1.42%201.79-9.23%2011.64-16.67%2021.03c-4.94%206.24-10.98%2013.76-14.13%2017.69c-1.2%201.5-1.99%202.48-2.15%202.68c-.46.58-.74%201.15-.87%201.73c-.12.59.02%201.18.42%201.66c.44.55%201.16.89%201.88.89c.26%200%20.51-.05.74-.13c.2-.08.8-.31%203.55-3.35c2.03-2.25%204.84-5.49%207.85-8.97c2.32-2.68%204.75-5.5%207.07-8.12c14.29-16.23%2021.74-24.74%2022.74-26.02l.35-.43c1.51-1.86%202.37-3%202.55-3.69c.25-.96.13-1.97-.33-2.77%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%3Ccircle%20cx%3D%2264.65%22%20cy%3D%2265.14%22%20r%3D%2254.49%22%20fill%3D%22%23006ca2%22%2F%3E%3Ccircle%20cx%3D%2264.65%22%20cy%3D%2265.14%22%20r%3D%2235.33%22%20fill%3D%22%23ed6c30%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64.65%20102.59c-20.66%200-37.46-16.8-37.46-37.46s16.8-37.46%2037.46-37.46c20.65%200%2037.46%2016.81%2037.46%2037.46c0%2020.66-16.81%2037.46-37.46%2037.46m0-70.65c-18.3%200-33.19%2014.89-33.19%2033.19s14.89%2033.19%2033.19%2033.19s33.19-14.89%2033.19-33.19s-14.88-33.19-33.19-33.19%22%2F%3E%3Ccircle%20cx%3D%2264.65%22%20cy%3D%2265.14%22%20r%3D%2216.66%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M122.15%2020.3c-1.67-1.7-3.92-1.7-4.67-1.7h-.28l-1.92.03c-1.35.02-3.19.42-3.98-.91c-.62-1.04-1.12-1.25-2.33-1.54c-1-.24-2.17-.39-2.44-1.57c-.15-.64-.06-1.3-.14-1.96c-.11-.91-.31-1.74-.31-2.69c.01-.94-.07-1.82-.15-2.74c-.03-.41-.03-.87-.29-1.22c-.56-.73-1.14-.95-2.12-.95c-.33%200-.68.04-1.02.1c-2.42.47-3.76%202.43-4.49%203.48c-.08.12-.16.24-.23.33l-.09.14c-.74.92-1.58%201.97-2.32%203.16c-.71%201.16-1.6%202.3-2.54%203.5l-.24.31c-.69.88-1.28%201.76-1.84%202.61c-.32.48-.63.97-.97%201.44l-.19.25c-.42.56-1%201.33-1.38%202.33c-.57%201.52-.57%203.02-.5%204.01c.05.8.17%201.63.36%202.56c.14.7.32%201.4.49%202.1c.15.58.3%201.16.42%201.75c.21%201.09.44%202.17.67%203.26l.03.15l.06.28c.07.3.17.58.3.85c-2.35%202.95-4.9%206.18-7.41%209.35c-4.93%206.25-10.97%2013.76-14.13%2017.7c-1.2%201.5-1.98%202.48-2.14%202.68c-.46.58-.74%201.15-.87%201.73c-.12.59.02%201.18.41%201.66c.44.55%201.17.89%201.88.89c.26%200%20.51-.05.74-.13c.21-.07.8-.31%203.54-3.35c2.03-2.25%204.84-5.49%207.86-8.97c2.31-2.68%204.75-5.5%207.06-8.12c2.9-3.29%205.51-6.25%207.89-8.91l.33.01c1.1.04%202.2.06%203.31.09c.58.01%201.18.05%201.78.1c.72.05%201.45.1%202.17.12c.19%200%20.39.01.58.01c.72%200%201.38-.04%202.01-.11c.98-.11%202.47-.37%203.87-1.2c.91-.55%201.57-1.25%202.04-1.76l.22-.23c.4-.41.82-.8%201.23-1.2c.74-.71%201.51-1.44%202.26-2.28l.25-.28c1.02-1.15%201.98-2.23%203-3.14c1.05-.95%201.91-1.93%202.74-2.88c.12-.15.23-.24.33-.35c.91-.9%202.6-2.56%202.63-5.03c.03-1.46-.49-2.78-1.47-3.76%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M92.41%2031.57c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12%201.05-1.62c.91-1.28%201.71-2.65%202.69-3.9c1.08-1.36%202.16-2.72%203.07-4.2c.62-1%201.37-1.92%202.1-2.85c.55-.68%201.27-2.11%202.2-2.29c1.05-.2%201.33%201.08%201.45%201.85c.19%201.18.39%202.36.59%203.54c.08.51.21%201.03.33%201.54c.16.74.36%201.48.4%202.24c.03.55.19%201.12-.04%201.65c-.17.42-.54.75-.82%201.1c-.43.55-.73%201.19-1.14%201.76c-.37.5-.78.98-1.08%201.52c-.41.71-.62%201.34-1.19%201.98c-.62.7-1.23%201.43-1.88%202.11c-.6.62-1.41%201.11-1.94%201.77c-.42.51-.62%201.16-1.04%201.69c-.58.75-1.18%201.5-1.75%202.26c-.37.47-.76%201.23-1.28%201.54c-.02-.13-.06-.27-.09-.41%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M102.11%205.42c.88%200%201.12%201.16%201.23%201.87c.19%201.18.39%202.36.59%203.54c.08.51.21%201.03.33%201.54c.16.74.36%201.48.4%202.24c.03.55.19%201.12-.04%201.65c-.17.42-.54.75-.82%201.1c-.43.55-.73%201.19-1.14%201.76c-.37.5-.78.98-1.08%201.52c-.41.71-.62%201.34-1.19%201.98c-.62.7-1.23%201.43-1.88%202.11c-.6.62-1.41%201.11-1.94%201.77c-.42.51-.62%201.16-1.04%201.69c-.58.75-1.18%201.5-1.75%202.26c-.37.47-.76%201.23-1.28%201.54c-.03-.15-.06-.29-.09-.43c-.23-1.08-.45-2.14-.67-3.21c-.25-1.3-.64-2.56-.91-3.86c-.13-.65-.24-1.3-.28-1.97c-.04-.74-.03-1.54.23-2.24c.22-.56.7-1.12%201.05-1.62c.91-1.28%201.71-2.65%202.69-3.9c1.08-1.36%202.16-2.72%203.07-4.2c.62-1%201.37-1.92%202.1-2.85c.55-.68%201.27-2.11%202.2-2.29c.08.01.15%200%20.22%200m0-4.27c-.34%200-.69.03-1.02.1c-2.42.47-3.76%202.42-4.48%203.46c-.08.12-.17.24-.24.34l-.11.14c-.74.92-1.57%201.96-2.3%203.15c-.73%201.18-1.64%202.34-2.6%203.57l-.18.23c-.69.89-1.28%201.76-1.83%202.61c-.33.49-.65.97-.99%201.45l-.2.27c-.41.56-.98%201.32-1.37%202.32c-.58%201.52-.56%203.02-.5%204.01c.05.8.17%201.62.36%202.56c.15.7.32%201.39.49%202.09c.15.59.3%201.17.42%201.76c.22%201.09.43%202.17.67%203.27l.05.22l.03.15l1.19%205.96l5.2-3.15c1.18-.71%201.87-1.74%202.29-2.35c.05-.08.1-.16.16-.23c.45-.59.9-1.16%201.35-1.74l.39-.5c.43-.55.71-1.07.91-1.44c.04-.07.07-.14.11-.21c.09-.08.29-.25.44-.37c.36-.29.8-.65%201.23-1.11c.49-.51.95-1.04%201.4-1.57c.2-.22.39-.45.59-.67c.76-.86%201.17-1.66%201.47-2.25c.08-.14.15-.29.23-.44s.27-.39.45-.62c.12-.17.26-.34.38-.51c.26-.35.5-.74.73-1.13c.11-.17.2-.35.33-.5l.12-.14c.33-.38.88-1.01%201.26-1.92c.61-1.4.47-2.69.4-3.38l-.02-.18c-.06-.99-.26-1.85-.42-2.55l-.08-.38l-.12-.52c-.06-.26-.12-.52-.17-.78l-.24-1.47l-.33-2.05c-.82-5.11-4.38-5.5-5.45-5.5%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M93.91%2034.02c1.1.03%202.2.06%203.28.08c1.33.03%202.65.18%203.96.22c.67.01%201.33%200%201.98-.08c.74-.09%201.53-.24%202.17-.63c.52-.31.98-.88%201.41-1.31c1.1-1.13%202.3-2.16%203.35-3.35c1.16-1.29%202.3-2.6%203.59-3.76c.88-.79%201.66-1.68%202.43-2.57c.57-.65%201.85-1.62%201.86-2.57c.02-1.07-1.3-1.11-2.08-1.1c-1.2.02-2.39.03-3.59.05c-.52.01-1.05-.03-1.57-.05c-.76-.03-1.52-.1-2.27%200c-.55.07-1.14.01-1.62.33c-.38.25-.64.67-.94%201c-.47.52-1.05.93-1.53%201.44c-.43.45-.83.93-1.31%201.34c-.63.53-1.21.85-1.74%201.52c-.58.74-1.19%201.46-1.75%202.22c-.5.7-.84%201.58-1.4%202.23c-.43.5-1.03.82-1.48%201.33c-.63.71-1.27%201.42-1.91%202.13c-.4.44-1.08.96-1.28%201.52c.15%200%20.3.01.44.01%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M109.33%2018.91c.46%200%20.92.03%201.38.05s.93.06%201.38.06h.19c1.2-.02%202.39-.03%203.59-.05h.2c.78%200%201.89.12%201.87%201.1c-.01.95-1.29%201.92-1.86%202.57c-.78.89-1.55%201.78-2.43%202.57c-1.29%201.16-2.43%202.47-3.59%203.76c-1.05%201.18-2.25%202.21-3.35%203.35c-.42.43-.89%201-1.41%201.31c-.64.39-1.42.54-2.17.63c-.52.06-1.04.08-1.57.08h-.42c-1.31-.03-2.63-.18-3.96-.22c-1.08-.02-2.18-.05-3.28-.08c-.14%200-.29-.01-.43-.02c.21-.56.88-1.08%201.28-1.52c.64-.7%201.27-1.42%201.91-2.13c.45-.5%201.05-.82%201.48-1.33c.56-.64.9-1.53%201.4-2.23c.56-.76%201.17-1.48%201.75-2.22c.53-.67%201.11-.99%201.74-1.52c.48-.4.88-.89%201.31-1.34c.48-.51%201.06-.92%201.53-1.44c.3-.34.55-.75.94-1c.48-.32%201.07-.26%201.62-.33c.3-.04.6-.05.9-.05m0-4.27c-.52%200-.98.03-1.43.09l-.17.01c-.68.05-1.96.13-3.25.99c-.84.56-1.35%201.2-1.66%201.59l-.11.14c-.12.12-.26.25-.42.38c-.35.31-.7.62-1.03.97c-.12.13-.28.29-.42.46c-.2.21-.4.44-.53.54c-.13.11-.27.21-.39.3c-.53.4-1.24.94-1.95%201.84l-.47.59c-.47.58-.94%201.16-1.38%201.76c-.38.52-.66%201.02-.88%201.42c-.09.16-.21.38-.28.5c-.06.05-.12.1-.18.14c-.33.27-.8.64-1.28%201.16l-.63.7c-.42.46-.83.93-1.26%201.39c-.06.07-.12.13-.2.2c-.53.52-1.43%201.39-1.92%202.69l-2.12%205.6l5.98.17l.16.01l.29.01l3.3.09c.58.01%201.18.06%201.78.1c.72.05%201.44.1%202.16.12h.53c.76%200%201.43-.03%202.06-.11c1.01-.12%202.5-.38%203.89-1.22c.89-.54%201.54-1.23%202.01-1.74l.22-.24c.42-.42.83-.82%201.25-1.22c.74-.7%201.5-1.44%202.25-2.28l.3-.33c1-1.13%201.95-2.19%202.95-3.09c1.07-.96%201.95-1.97%202.8-2.95c.08-.09.18-.18.29-.29c.9-.9%202.58-2.56%202.62-5.03c.02-1.42-.5-2.74-1.48-3.72c-1.68-1.7-3.92-1.7-4.66-1.7h-.3c-.67.01-1.35.03-2.02.03l-1.56.02h-.11c-.22%200-.46-.01-.68-.03l-.53-.03l-.33-.02c-.4.01-.81-.01-1.21-.01%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M110.89%2014.27c-.34-.58-1.05-1.35-2.48-1.71c-.32-.08-.64-.12-.95-.12c-1.74%200-2.82%201.25-3.79%202.37c-1.35%201.57-2.63%203.23-3.88%204.83c-.63.81-1.26%201.63-1.9%202.43c-1.42%201.79-9.23%2011.64-16.67%2021.03c-4.94%206.24-10.98%2013.76-14.13%2017.69c-1.2%201.5-1.99%202.48-2.15%202.68c-.46.58-.74%201.15-.87%201.73c-.12.59.02%201.18.42%201.66c.44.55%201.16.89%201.88.89c.26%200%20.51-.05.74-.13c.2-.08.8-.31%203.55-3.35c2.03-2.25%204.84-5.49%207.85-8.97c2.32-2.68%204.75-5.5%207.07-8.12c14.29-16.23%2021.74-24.74%2022.74-26.02l.35-.43c1.51-1.86%202.37-3%202.55-3.69c.25-.96.13-1.97-.33-2.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 direct-hit 加一点动效

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

direct-hit 呼吸动效演示

呼吸

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

css呼吸动效样式
.icon-direct-hit {
  animation: icon-breathe 1.8s ease-in-out infinite;
}

@keyframes icon-breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
direct-hit 旋转动效演示

旋转

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

css旋转动效样式
.icon-direct-hit {
  animation: icon-spin 1.6s linear infinite;
}

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

SVG 健康报告

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

文件体积

6.76 KB

6,921 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

10

<path> ×7

风格

多色填充

填充跟随容器颜色

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

常见问题

关于 direct-hit 图标的下载、商用与改色。

direct-hit 图标是什么？▾

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

如何下载 direct-hit 图标？▾

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

direct-hit 图标可以商用吗？▾

该图标采用 Apache 2.0（Apache-2.0） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。

如何修改 direct-hit 图标的颜色？▾

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