field-hockey SVG 图标

Q: field-hockey 图标可以商用吗？

notofield-hockey

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

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

下载 field-hockey 图标

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

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

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

field-hockey 的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

搜索field-hockey…输入框 · 前缀图标

field-hockey导航菜单 · 选中态

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

9:41

field-hockey手机桌面 · App 图标

field-hockeynoto.design/icons/field-hockey浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制 field-hockey 图标代码

内联 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="#d8cdc9" d="M88.61 88.38c-8.4-.24-18.14 5.66-18.1 18.23c.03 10.51 8.41 17.15 17.86 17.08c9.1-.07 17.28-6.56 17.6-16.78c.35-11.37-8.02-18.26-17.36-18.53"/><path fill="#eaeaea" d="M80.98 113.02c4.22 1.99 11.65 1.74 14.9-3.99c3.81-6.7.46-14.43-4.46-16.07c-4.84-1.62-11.48-.92-14.61 4.23c-2.08 3.42-3.2 12.35 4.17 15.83"/><path fill="#fff" d="M77.92 109.31c-2.45.72-5.88-8.59-.33-14.34c5.98-6.2 13.66-3.81 13.84-1.31c.34 4.57-5.78 1.01-9.27 5.24c-3.68 4.44-.35 9.27-4.24 10.41"/><path fill="#5f6165" d="m79.4 48.33l29.36-35.8s-.63-2.12-.55-3.06s2.92-5.62 5.18-5.89c3.3-.39 9.94 4.56 10.21 7.85c.16 1.96-3.14 5.97-4.55 6.2c-.86.14-2.75-.16-2.75-.16l-29.2 37.3z"/><path fill="#ea8d37" d="M87.823 47.956L45.21 106.8l-15.64-2.74s-3.12.31-4.63-1.87c-1.17-1.69.14-5.24.05-7.68C24.84 90.34 21 88.2 21 88.2L17.39 95l-7.24 20.68s1.02 2.26 5.45 5.25c3.31 2.237 9.38 3.209 11.492 3.209s5.825-.669 8.318-1.829c7.22-3.36 12.88-12.43 12.88-12.43l-.117-.117A733 733 0 0 0 58.21 96.29c5.1-7 11.08-15.58 14.62-20.61c4.13-5.86 18.054-25.744 18.054-25.744z"/><path fill="#ffa828" d="m89.469 48.73l-6.234-5.154S31.689 101.5 30.21 103.15c-.711.794-2.718 1.683-3.883 1.683s-2.547-.645-3.457-2.073c-1.96-3.08.95-5.94.28-10.64s-5.1-5.68-7.73-5.49c-2.35.17-9.79 1.47-10.36 14.06c-.39 8.74 3.92 14.39 6.83 16.91c1.662 1.434 5.388 3.304 10.098 3.646c3.137.227 6.711-.225 10.402-1.936c6.205-2.876 10.61-8.744 12.918-11.822s44.16-58.759 44.16-58.759"/><path fill="#848582" d="M86.17 43.44c.01.72.96 1.85 3.58.95c2.37-.82 1.68-2.63 2.8-3.88s2.31-.89 3.6-2.79s1-3.28 2.2-4.68c1.5-1.76 2.08-.59 3.43-2.32c1.21-1.55.35-2.44 1.4-3.81c1.3-1.7 1.69-.39 3.38-2.27c1.64-1.81.73-2.54 1.77-4.18c.73-1.15 2.09-1.24 3-2.35c1.6-1.94 2.03-2.91.92-3.74c-1.36-1.01-2.16.86-3.06 1.77c-1.29 1.29-2.02.98-3.12 2.13c-1.69 1.76-.67 2.7-1.92 4.26c-1.25 1.55-2.29.73-3.54 2.29c-1.25 1.55-.78 3.02-1.68 3.92c-.91.91-1.64.6-2.89 1.94c-1.74 1.86-.93 3.45-2.3 5.14c-1.12 1.38-2.31.81-3.52 2.19s-1 2.79-1.55 3.28c-1.08.94-2.51.57-2.5 2.15"/><path fill="#ccc5c2" d="m45.362 107.417l2.928 2.463l3.483-4.875l-2.804-2.39z"/><path fill="#e2e0e4" d="m38.575 93.757l-4.047 4.545l10.834 9.115l3.607-4.802z"/><path fill="#ccc5c2" d="m51.032 99.869l2.796 2.383l3.616-4.911l-2.75-2.345z"/><path fill="#e2e0e4" d="m44.9 86.65l-4.045 4.545l10.177 8.674l3.662-4.873z"/><path fill="#ccc5c2" d="m80.111 61.179l1.8 1.517l3.491-4.934l-1.66-1.415z"/><path fill="#e2e0e4" d="m77.006 50.606l-4.035 4.554l7.14 6.019l3.632-4.832z"/><path fill="#ccc5c2" d="m90.884 49.936l-7.534-6.422l-.082.09l6.2 5.125l-3.687 4.906l1.568 1.349z"/><path fill="#e2e0e4" d="M83.268 43.604L79.28 48.04l6.501 5.596l3.688-4.906z"/></svg>

reactReact 组件（TSX）

export function FieldHockeyIcon(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="#d8cdc9" d="M88.61 88.38c-8.4-.24-18.14 5.66-18.1 18.23c.03 10.51 8.41 17.15 17.86 17.08c9.1-.07 17.28-6.56 17.6-16.78c.35-11.37-8.02-18.26-17.36-18.53"/><path fill="#eaeaea" d="M80.98 113.02c4.22 1.99 11.65 1.74 14.9-3.99c3.81-6.7.46-14.43-4.46-16.07c-4.84-1.62-11.48-.92-14.61 4.23c-2.08 3.42-3.2 12.35 4.17 15.83"/><path fill="#fff" d="M77.92 109.31c-2.45.72-5.88-8.59-.33-14.34c5.98-6.2 13.66-3.81 13.84-1.31c.34 4.57-5.78 1.01-9.27 5.24c-3.68 4.44-.35 9.27-4.24 10.41"/><path fill="#5f6165" d="m79.4 48.33l29.36-35.8s-.63-2.12-.55-3.06s2.92-5.62 5.18-5.89c3.3-.39 9.94 4.56 10.21 7.85c.16 1.96-3.14 5.97-4.55 6.2c-.86.14-2.75-.16-2.75-.16l-29.2 37.3z"/><path fill="#ea8d37" d="M87.823 47.956L45.21 106.8l-15.64-2.74s-3.12.31-4.63-1.87c-1.17-1.69.14-5.24.05-7.68C24.84 90.34 21 88.2 21 88.2L17.39 95l-7.24 20.68s1.02 2.26 5.45 5.25c3.31 2.237 9.38 3.209 11.492 3.209s5.825-.669 8.318-1.829c7.22-3.36 12.88-12.43 12.88-12.43l-.117-.117A733 733 0 0 0 58.21 96.29c5.1-7 11.08-15.58 14.62-20.61c4.13-5.86 18.054-25.744 18.054-25.744z"/><path fill="#ffa828" d="m89.469 48.73l-6.234-5.154S31.689 101.5 30.21 103.15c-.711.794-2.718 1.683-3.883 1.683s-2.547-.645-3.457-2.073c-1.96-3.08.95-5.94.28-10.64s-5.1-5.68-7.73-5.49c-2.35.17-9.79 1.47-10.36 14.06c-.39 8.74 3.92 14.39 6.83 16.91c1.662 1.434 5.388 3.304 10.098 3.646c3.137.227 6.711-.225 10.402-1.936c6.205-2.876 10.61-8.744 12.918-11.822s44.16-58.759 44.16-58.759"/><path fill="#848582" d="M86.17 43.44c.01.72.96 1.85 3.58.95c2.37-.82 1.68-2.63 2.8-3.88s2.31-.89 3.6-2.79s1-3.28 2.2-4.68c1.5-1.76 2.08-.59 3.43-2.32c1.21-1.55.35-2.44 1.4-3.81c1.3-1.7 1.69-.39 3.38-2.27c1.64-1.81.73-2.54 1.77-4.18c.73-1.15 2.09-1.24 3-2.35c1.6-1.94 2.03-2.91.92-3.74c-1.36-1.01-2.16.86-3.06 1.77c-1.29 1.29-2.02.98-3.12 2.13c-1.69 1.76-.67 2.7-1.92 4.26c-1.25 1.55-2.29.73-3.54 2.29c-1.25 1.55-.78 3.02-1.68 3.92c-.91.91-1.64.6-2.89 1.94c-1.74 1.86-.93 3.45-2.3 5.14c-1.12 1.38-2.31.81-3.52 2.19s-1 2.79-1.55 3.28c-1.08.94-2.51.57-2.5 2.15"/><path fill="#ccc5c2" d="m45.362 107.417l2.928 2.463l3.483-4.875l-2.804-2.39z"/><path fill="#e2e0e4" d="m38.575 93.757l-4.047 4.545l10.834 9.115l3.607-4.802z"/><path fill="#ccc5c2" d="m51.032 99.869l2.796 2.383l3.616-4.911l-2.75-2.345z"/><path fill="#e2e0e4" d="m44.9 86.65l-4.045 4.545l10.177 8.674l3.662-4.873z"/><path fill="#ccc5c2" d="m80.111 61.179l1.8 1.517l3.491-4.934l-1.66-1.415z"/><path fill="#e2e0e4" d="m77.006 50.606l-4.035 4.554l7.14 6.019l3.632-4.832z"/><path fill="#ccc5c2" d="m90.884 49.936l-7.534-6.422l-.082.09l6.2 5.125l-3.687 4.906l1.568 1.349z"/><path fill="#e2e0e4" d="M83.268 43.604L79.28 48.04l6.501 5.596l3.688-4.906z"/>` }}
    />
  );
}

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="#d8cdc9" d="M88.61 88.38c-8.4-.24-18.14 5.66-18.1 18.23c.03 10.51 8.41 17.15 17.86 17.08c9.1-.07 17.28-6.56 17.6-16.78c.35-11.37-8.02-18.26-17.36-18.53"/><path fill="#eaeaea" d="M80.98 113.02c4.22 1.99 11.65 1.74 14.9-3.99c3.81-6.7.46-14.43-4.46-16.07c-4.84-1.62-11.48-.92-14.61 4.23c-2.08 3.42-3.2 12.35 4.17 15.83"/><path fill="#fff" d="M77.92 109.31c-2.45.72-5.88-8.59-.33-14.34c5.98-6.2 13.66-3.81 13.84-1.31c.34 4.57-5.78 1.01-9.27 5.24c-3.68 4.44-.35 9.27-4.24 10.41"/><path fill="#5f6165" d="m79.4 48.33l29.36-35.8s-.63-2.12-.55-3.06s2.92-5.62 5.18-5.89c3.3-.39 9.94 4.56 10.21 7.85c.16 1.96-3.14 5.97-4.55 6.2c-.86.14-2.75-.16-2.75-.16l-29.2 37.3z"/><path fill="#ea8d37" d="M87.823 47.956L45.21 106.8l-15.64-2.74s-3.12.31-4.63-1.87c-1.17-1.69.14-5.24.05-7.68C24.84 90.34 21 88.2 21 88.2L17.39 95l-7.24 20.68s1.02 2.26 5.45 5.25c3.31 2.237 9.38 3.209 11.492 3.209s5.825-.669 8.318-1.829c7.22-3.36 12.88-12.43 12.88-12.43l-.117-.117A733 733 0 0 0 58.21 96.29c5.1-7 11.08-15.58 14.62-20.61c4.13-5.86 18.054-25.744 18.054-25.744z"/><path fill="#ffa828" d="m89.469 48.73l-6.234-5.154S31.689 101.5 30.21 103.15c-.711.794-2.718 1.683-3.883 1.683s-2.547-.645-3.457-2.073c-1.96-3.08.95-5.94.28-10.64s-5.1-5.68-7.73-5.49c-2.35.17-9.79 1.47-10.36 14.06c-.39 8.74 3.92 14.39 6.83 16.91c1.662 1.434 5.388 3.304 10.098 3.646c3.137.227 6.711-.225 10.402-1.936c6.205-2.876 10.61-8.744 12.918-11.822s44.16-58.759 44.16-58.759"/><path fill="#848582" d="M86.17 43.44c.01.72.96 1.85 3.58.95c2.37-.82 1.68-2.63 2.8-3.88s2.31-.89 3.6-2.79s1-3.28 2.2-4.68c1.5-1.76 2.08-.59 3.43-2.32c1.21-1.55.35-2.44 1.4-3.81c1.3-1.7 1.69-.39 3.38-2.27c1.64-1.81.73-2.54 1.77-4.18c.73-1.15 2.09-1.24 3-2.35c1.6-1.94 2.03-2.91.92-3.74c-1.36-1.01-2.16.86-3.06 1.77c-1.29 1.29-2.02.98-3.12 2.13c-1.69 1.76-.67 2.7-1.92 4.26c-1.25 1.55-2.29.73-3.54 2.29c-1.25 1.55-.78 3.02-1.68 3.92c-.91.91-1.64.6-2.89 1.94c-1.74 1.86-.93 3.45-2.3 5.14c-1.12 1.38-2.31.81-3.52 2.19s-1 2.79-1.55 3.28c-1.08.94-2.51.57-2.5 2.15"/><path fill="#ccc5c2" d="m45.362 107.417l2.928 2.463l3.483-4.875l-2.804-2.39z"/><path fill="#e2e0e4" d="m38.575 93.757l-4.047 4.545l10.834 9.115l3.607-4.802z"/><path fill="#ccc5c2" d="m51.032 99.869l2.796 2.383l3.616-4.911l-2.75-2.345z"/><path fill="#e2e0e4" d="m44.9 86.65l-4.045 4.545l10.177 8.674l3.662-4.873z"/><path fill="#ccc5c2" d="m80.111 61.179l1.8 1.517l3.491-4.934l-1.66-1.415z"/><path fill="#e2e0e4" d="m77.006 50.606l-4.035 4.554l7.14 6.019l3.632-4.832z"/><path fill="#ccc5c2" d="m90.884 49.936l-7.534-6.422l-.082.09l6.2 5.125l-3.687 4.906l1.568 1.349z"/><path fill="#e2e0e4" d="M83.268 43.604L79.28 48.04l6.501 5.596l3.688-4.906z"/>`;
</script>

cssCSS mask（随 currentColor 改色）

.field-hockey {
  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%23d8cdc9%22%20d%3D%22M88.61%2088.38c-8.4-.24-18.14%205.66-18.1%2018.23c.03%2010.51%208.41%2017.15%2017.86%2017.08c9.1-.07%2017.28-6.56%2017.6-16.78c.35-11.37-8.02-18.26-17.36-18.53%22%2F%3E%3Cpath%20fill%3D%22%23eaeaea%22%20d%3D%22M80.98%20113.02c4.22%201.99%2011.65%201.74%2014.9-3.99c3.81-6.7.46-14.43-4.46-16.07c-4.84-1.62-11.48-.92-14.61%204.23c-2.08%203.42-3.2%2012.35%204.17%2015.83%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M77.92%20109.31c-2.45.72-5.88-8.59-.33-14.34c5.98-6.2%2013.66-3.81%2013.84-1.31c.34%204.57-5.78%201.01-9.27%205.24c-3.68%204.44-.35%209.27-4.24%2010.41%22%2F%3E%3Cpath%20fill%3D%22%235f6165%22%20d%3D%22m79.4%2048.33l29.36-35.8s-.63-2.12-.55-3.06s2.92-5.62%205.18-5.89c3.3-.39%209.94%204.56%2010.21%207.85c.16%201.96-3.14%205.97-4.55%206.2c-.86.14-2.75-.16-2.75-.16l-29.2%2037.3z%22%2F%3E%3Cpath%20fill%3D%22%23ea8d37%22%20d%3D%22M87.823%2047.956L45.21%20106.8l-15.64-2.74s-3.12.31-4.63-1.87c-1.17-1.69.14-5.24.05-7.68C24.84%2090.34%2021%2088.2%2021%2088.2L17.39%2095l-7.24%2020.68s1.02%202.26%205.45%205.25c3.31%202.237%209.38%203.209%2011.492%203.209s5.825-.669%208.318-1.829c7.22-3.36%2012.88-12.43%2012.88-12.43l-.117-.117A733%20733%200%200%200%2058.21%2096.29c5.1-7%2011.08-15.58%2014.62-20.61c4.13-5.86%2018.054-25.744%2018.054-25.744z%22%2F%3E%3Cpath%20fill%3D%22%23ffa828%22%20d%3D%22m89.469%2048.73l-6.234-5.154S31.689%20101.5%2030.21%20103.15c-.711.794-2.718%201.683-3.883%201.683s-2.547-.645-3.457-2.073c-1.96-3.08.95-5.94.28-10.64s-5.1-5.68-7.73-5.49c-2.35.17-9.79%201.47-10.36%2014.06c-.39%208.74%203.92%2014.39%206.83%2016.91c1.662%201.434%205.388%203.304%2010.098%203.646c3.137.227%206.711-.225%2010.402-1.936c6.205-2.876%2010.61-8.744%2012.918-11.822s44.16-58.759%2044.16-58.759%22%2F%3E%3Cpath%20fill%3D%22%23848582%22%20d%3D%22M86.17%2043.44c.01.72.96%201.85%203.58.95c2.37-.82%201.68-2.63%202.8-3.88s2.31-.89%203.6-2.79s1-3.28%202.2-4.68c1.5-1.76%202.08-.59%203.43-2.32c1.21-1.55.35-2.44%201.4-3.81c1.3-1.7%201.69-.39%203.38-2.27c1.64-1.81.73-2.54%201.77-4.18c.73-1.15%202.09-1.24%203-2.35c1.6-1.94%202.03-2.91.92-3.74c-1.36-1.01-2.16.86-3.06%201.77c-1.29%201.29-2.02.98-3.12%202.13c-1.69%201.76-.67%202.7-1.92%204.26c-1.25%201.55-2.29.73-3.54%202.29c-1.25%201.55-.78%203.02-1.68%203.92c-.91.91-1.64.6-2.89%201.94c-1.74%201.86-.93%203.45-2.3%205.14c-1.12%201.38-2.31.81-3.52%202.19s-1%202.79-1.55%203.28c-1.08.94-2.51.57-2.5%202.15%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m45.362%20107.417l2.928%202.463l3.483-4.875l-2.804-2.39z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22m38.575%2093.757l-4.047%204.545l10.834%209.115l3.607-4.802z%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m51.032%2099.869l2.796%202.383l3.616-4.911l-2.75-2.345z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22m44.9%2086.65l-4.045%204.545l10.177%208.674l3.662-4.873z%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m80.111%2061.179l1.8%201.517l3.491-4.934l-1.66-1.415z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22m77.006%2050.606l-4.035%204.554l7.14%206.019l3.632-4.832z%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m90.884%2049.936l-7.534-6.422l-.082.09l6.2%205.125l-3.687%204.906l1.568%201.349z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22M83.268%2043.604L79.28%2048.04l6.501%205.596l3.688-4.906z%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%23d8cdc9%22%20d%3D%22M88.61%2088.38c-8.4-.24-18.14%205.66-18.1%2018.23c.03%2010.51%208.41%2017.15%2017.86%2017.08c9.1-.07%2017.28-6.56%2017.6-16.78c.35-11.37-8.02-18.26-17.36-18.53%22%2F%3E%3Cpath%20fill%3D%22%23eaeaea%22%20d%3D%22M80.98%20113.02c4.22%201.99%2011.65%201.74%2014.9-3.99c3.81-6.7.46-14.43-4.46-16.07c-4.84-1.62-11.48-.92-14.61%204.23c-2.08%203.42-3.2%2012.35%204.17%2015.83%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M77.92%20109.31c-2.45.72-5.88-8.59-.33-14.34c5.98-6.2%2013.66-3.81%2013.84-1.31c.34%204.57-5.78%201.01-9.27%205.24c-3.68%204.44-.35%209.27-4.24%2010.41%22%2F%3E%3Cpath%20fill%3D%22%235f6165%22%20d%3D%22m79.4%2048.33l29.36-35.8s-.63-2.12-.55-3.06s2.92-5.62%205.18-5.89c3.3-.39%209.94%204.56%2010.21%207.85c.16%201.96-3.14%205.97-4.55%206.2c-.86.14-2.75-.16-2.75-.16l-29.2%2037.3z%22%2F%3E%3Cpath%20fill%3D%22%23ea8d37%22%20d%3D%22M87.823%2047.956L45.21%20106.8l-15.64-2.74s-3.12.31-4.63-1.87c-1.17-1.69.14-5.24.05-7.68C24.84%2090.34%2021%2088.2%2021%2088.2L17.39%2095l-7.24%2020.68s1.02%202.26%205.45%205.25c3.31%202.237%209.38%203.209%2011.492%203.209s5.825-.669%208.318-1.829c7.22-3.36%2012.88-12.43%2012.88-12.43l-.117-.117A733%20733%200%200%200%2058.21%2096.29c5.1-7%2011.08-15.58%2014.62-20.61c4.13-5.86%2018.054-25.744%2018.054-25.744z%22%2F%3E%3Cpath%20fill%3D%22%23ffa828%22%20d%3D%22m89.469%2048.73l-6.234-5.154S31.689%20101.5%2030.21%20103.15c-.711.794-2.718%201.683-3.883%201.683s-2.547-.645-3.457-2.073c-1.96-3.08.95-5.94.28-10.64s-5.1-5.68-7.73-5.49c-2.35.17-9.79%201.47-10.36%2014.06c-.39%208.74%203.92%2014.39%206.83%2016.91c1.662%201.434%205.388%203.304%2010.098%203.646c3.137.227%206.711-.225%2010.402-1.936c6.205-2.876%2010.61-8.744%2012.918-11.822s44.16-58.759%2044.16-58.759%22%2F%3E%3Cpath%20fill%3D%22%23848582%22%20d%3D%22M86.17%2043.44c.01.72.96%201.85%203.58.95c2.37-.82%201.68-2.63%202.8-3.88s2.31-.89%203.6-2.79s1-3.28%202.2-4.68c1.5-1.76%202.08-.59%203.43-2.32c1.21-1.55.35-2.44%201.4-3.81c1.3-1.7%201.69-.39%203.38-2.27c1.64-1.81.73-2.54%201.77-4.18c.73-1.15%202.09-1.24%203-2.35c1.6-1.94%202.03-2.91.92-3.74c-1.36-1.01-2.16.86-3.06%201.77c-1.29%201.29-2.02.98-3.12%202.13c-1.69%201.76-.67%202.7-1.92%204.26c-1.25%201.55-2.29.73-3.54%202.29c-1.25%201.55-.78%203.02-1.68%203.92c-.91.91-1.64.6-2.89%201.94c-1.74%201.86-.93%203.45-2.3%205.14c-1.12%201.38-2.31.81-3.52%202.19s-1%202.79-1.55%203.28c-1.08.94-2.51.57-2.5%202.15%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m45.362%20107.417l2.928%202.463l3.483-4.875l-2.804-2.39z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22m38.575%2093.757l-4.047%204.545l10.834%209.115l3.607-4.802z%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m51.032%2099.869l2.796%202.383l3.616-4.911l-2.75-2.345z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22m44.9%2086.65l-4.045%204.545l10.177%208.674l3.662-4.873z%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m80.111%2061.179l1.8%201.517l3.491-4.934l-1.66-1.415z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22m77.006%2050.606l-4.035%204.554l7.14%206.019l3.632-4.832z%22%2F%3E%3Cpath%20fill%3D%22%23ccc5c2%22%20d%3D%22m90.884%2049.936l-7.534-6.422l-.082.09l6.2%205.125l-3.687%204.906l1.568%201.349z%22%2F%3E%3Cpath%20fill%3D%22%23e2e0e4%22%20d%3D%22M83.268%2043.604L79.28%2048.04l6.501%205.596l3.688-4.906z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 field-hockey 加一点动效

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

呼吸

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

css呼吸动效样式

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

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

旋转

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

css旋转动效样式

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

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

SVG 健康报告

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

文件体积

2.67 KB

2,729 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

<path> ×15

风格

多色填充

填充跟随容器颜色

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

常见问题

关于 field-hockey 图标的下载、商用与改色。

field-hockey 图标是什么？▾

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

如何下载 field-hockey 图标？▾

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

field-hockey 图标可以商用吗？▾

如何修改 field-hockey 图标的颜色？▾

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