bowling SVG 图标

Q: bowling 图标可以商用吗？

noto-v1bowling

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

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

下载 bowling 图标

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

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

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

bowling 的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

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

bowling导航菜单 · 选中态

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

9:41

bowling手机桌面 · App 图标

bowlingnoto-v1.design/icons/bowling浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制 bowling 图标代码

内联 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="#fcc21b" d="m116.37 64.31l-19.66-5.53l7.25-7.26l-12.74.89l7.16-19.25l-21.14 7.42l6.73-13.82l-12.38 11.19l-3.72-19.7L55.92 33.9l-6.97-14.22l-1.19 16.07l-17.39-10.06l4.53 15.35l-15.14.46l11.63 15.6l5.31-4.71c7.42-2.45 22.72-5.66 37.02 3.02c0 0 17.41 13.08 14.88 33.08l2.19-4.15l18.84-.27l-9.64-12z"/><path fill="#2f2f2f" d="M51.46 45.37c-23.1 0-41.83 18.42-41.83 41.15s18.73 41.16 41.83 41.16s41.82-18.43 41.82-41.16c0-22.72-18.72-41.15-41.82-41.15m-6.51 28.29c-1.42 1.22-2.91 1.8-4.7 1.04c-1.53-.65-2.26-1.57-2.27-3.25c-.01-1.48 1.04-2.94 2.41-3.55c.3-.13.62-.23.95-.27c1.61-.22 3.33.2 4.14 1.73c.64 1.18.55 3.36-.53 4.3m8.81-9.13c-1.29-.93-1.79-1.94-1.42-3.49c.32-1.37 1.63-2.48 3.06-2.75c.32-.06.64-.08.96-.05c1.56.15 3.1.91 3.52 2.49c.33 1.25-.23 3.23-1.46 3.86c-1.61.82-3.15 1.02-4.66-.06M65.8 83.1c-1.64 1.47-3.38 2.16-5.45 1.24c-1.77-.77-2.62-1.89-2.63-3.9c-.01-1.79 1.2-3.54 2.8-4.27c.35-.17.72-.28 1.1-.34c1.86-.26 3.86.24 4.8 2.08c.73 1.45.63 4.06-.62 5.19"/><defs><path id="SVGt1mMndeo" d="M116.48 37.03c-1.57.82-2.68 2.3-4.11 3.32c-1.44 1.02-3.15 1.58-4.9 1.78c-2.02.24-4.08-.07-6.09.27c-1.82.31-3.67.98-5.22 1.97c-2.27 1.46-3.83 3.73-5.44 5.84c-1.24 1.62-2.49 3.94-1.9 6.04c.46 1.69 1.74 3.21 3.36 3.81c.54.2 2.62.3 3.76.29c2.53-.03 6.9-.36 10.35-2.34c1.55-.89 2.58-2.21 3.75-3.58c1.04-1.24 1.49-2.79 2.32-4.15c1.83-3.01 5.7-3.04 8.61-4.32c3.28-1.44 5.27-4.96 2.64-8.05c-1.35-1.58-3.71-1.83-5.61-1.43c-.55.12-1.05.31-1.52.55"/></defs><use fill="#78a3ad" href="#SVGt1mMndeo"/><clipPath id="SVGTGngOeWY"><use href="#SVGt1mMndeo"/></clipPath><path fill="#ed6c30" d="m112.45 39.08l-1.82 1.36s-1.31 6.78 5.13 8.67l1.91-1.01c.01.01-6.2-2.26-5.22-9.02" clip-path="url(#SVGTGngOeWY)"/><path fill="#ed6c30" d="m109.44 40.83l-1.35.15s-2.26 7.86 5.52 10.33l.57-1.19s-6.49-2.18-4.74-9.29" clip-path="url(#SVGTGngOeWY)"/><defs><path id="SVGThDEBmzh" d="M87.23 10.37c-1.05 1.58-1.35 3.54-2.19 5.24c-.84 1.71-2.17 3.1-3.72 4.2c-1.79 1.26-3.89 2.02-5.62 3.38c-1.56 1.22-2.96 2.8-3.93 4.54c-1.4 2.54-1.71 5.49-2.15 8.3c-.34 2.16-.33 5 1.29 6.67c1.3 1.36 3.3 2.15 5.13 1.89c.61-.09 2.64-1.05 3.71-1.65c2.38-1.32 6.34-3.87 8.59-7.5c1-1.64 1.31-3.41 1.71-5.3c.35-1.7-.01-3.4.08-5.11c.2-3.78 3.83-5.79 5.93-8.5c2.37-3.04 2.45-7.39-1.62-8.96c-2.09-.81-4.45.16-6.05 1.52c-.47.38-.85.81-1.16 1.28"/></defs><use fill="#78a3ad" href="#SVGThDEBmzh"/><clipPath id="SVG1RJjny6e"><use href="#SVGThDEBmzh"/></clipPath><path fill="#ed6c30" d="m84.47 14.37l-1.02 2.22s2.23 7.08 9.29 5.57l1.29-1.93s-7.03 1.03-9.56-5.86" clip-path="url(#SVG1RJjny6e)"/><path fill="#ed6c30" d="m82.52 17.56l-1.2.83s1.88 8.59 10.5 6.94l-.06-1.42c-.01.01-7.26 1.27-9.24-6.35" clip-path="url(#SVG1RJjny6e)"/><defs><path id="SVGhQ0sgcyC" d="M32.12 10.16c1 1.79 2.76 3.04 3.98 4.69c1.24 1.65 1.93 3.62 2.23 5.65c.34 2.34.04 4.75.51 7.08c.42 2.11 1.24 4.24 2.45 6.02c1.76 2.6 4.45 4.35 6.97 6.15c1.92 1.39 4.67 2.77 7.08 2.03c1.95-.59 3.69-2.13 4.35-4.03c.21-.64.27-3.07.22-4.39c-.11-2.95-.63-8.03-3.04-11.98c-1.08-1.77-2.65-2.94-4.29-4.25c-1.47-1.17-3.28-1.66-4.9-2.58c-3.55-2.04-3.71-6.54-5.3-9.9c-1.78-3.77-5.93-5.99-9.45-2.83c-1.81 1.61-2.02 4.37-1.5 6.58c.15.64.39 1.22.69 1.76"/></defs><use fill="#78a3ad" href="#SVGhQ0sgcyC"/><clipPath id="SVGIvokGedg"><use href="#SVGhQ0sgcyC"/></clipPath><path fill="#ed6c30" d="m34.62 14.78l1.65 2.08s7.94 1.32 9.93-6.25l-1.23-2.19c.01.01-2.45 7.3-10.35 6.36" clip-path="url(#SVGIvokGedg)"/><path fill="#ed6c30" d="m36.75 18.24l.22 1.57s9.22 2.39 11.86-6.74l-1.41-.63c0-.01-2.33 7.62-10.67 5.8" clip-path="url(#SVGIvokGedg)"/></svg>

reactReact 组件（TSX）

export function BowlingIcon(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="#fcc21b" d="m116.37 64.31l-19.66-5.53l7.25-7.26l-12.74.89l7.16-19.25l-21.14 7.42l6.73-13.82l-12.38 11.19l-3.72-19.7L55.92 33.9l-6.97-14.22l-1.19 16.07l-17.39-10.06l4.53 15.35l-15.14.46l11.63 15.6l5.31-4.71c7.42-2.45 22.72-5.66 37.02 3.02c0 0 17.41 13.08 14.88 33.08l2.19-4.15l18.84-.27l-9.64-12z"/><path fill="#2f2f2f" d="M51.46 45.37c-23.1 0-41.83 18.42-41.83 41.15s18.73 41.16 41.83 41.16s41.82-18.43 41.82-41.16c0-22.72-18.72-41.15-41.82-41.15m-6.51 28.29c-1.42 1.22-2.91 1.8-4.7 1.04c-1.53-.65-2.26-1.57-2.27-3.25c-.01-1.48 1.04-2.94 2.41-3.55c.3-.13.62-.23.95-.27c1.61-.22 3.33.2 4.14 1.73c.64 1.18.55 3.36-.53 4.3m8.81-9.13c-1.29-.93-1.79-1.94-1.42-3.49c.32-1.37 1.63-2.48 3.06-2.75c.32-.06.64-.08.96-.05c1.56.15 3.1.91 3.52 2.49c.33 1.25-.23 3.23-1.46 3.86c-1.61.82-3.15 1.02-4.66-.06M65.8 83.1c-1.64 1.47-3.38 2.16-5.45 1.24c-1.77-.77-2.62-1.89-2.63-3.9c-.01-1.79 1.2-3.54 2.8-4.27c.35-.17.72-.28 1.1-.34c1.86-.26 3.86.24 4.8 2.08c.73 1.45.63 4.06-.62 5.19"/><defs><path id="SVGt1mMndeo" d="M116.48 37.03c-1.57.82-2.68 2.3-4.11 3.32c-1.44 1.02-3.15 1.58-4.9 1.78c-2.02.24-4.08-.07-6.09.27c-1.82.31-3.67.98-5.22 1.97c-2.27 1.46-3.83 3.73-5.44 5.84c-1.24 1.62-2.49 3.94-1.9 6.04c.46 1.69 1.74 3.21 3.36 3.81c.54.2 2.62.3 3.76.29c2.53-.03 6.9-.36 10.35-2.34c1.55-.89 2.58-2.21 3.75-3.58c1.04-1.24 1.49-2.79 2.32-4.15c1.83-3.01 5.7-3.04 8.61-4.32c3.28-1.44 5.27-4.96 2.64-8.05c-1.35-1.58-3.71-1.83-5.61-1.43c-.55.12-1.05.31-1.52.55"/></defs><use fill="#78a3ad" href="#SVGt1mMndeo"/><clipPath id="SVGTGngOeWY"><use href="#SVGt1mMndeo"/></clipPath><path fill="#ed6c30" d="m112.45 39.08l-1.82 1.36s-1.31 6.78 5.13 8.67l1.91-1.01c.01.01-6.2-2.26-5.22-9.02" clip-path="url(#SVGTGngOeWY)"/><path fill="#ed6c30" d="m109.44 40.83l-1.35.15s-2.26 7.86 5.52 10.33l.57-1.19s-6.49-2.18-4.74-9.29" clip-path="url(#SVGTGngOeWY)"/><defs><path id="SVGThDEBmzh" d="M87.23 10.37c-1.05 1.58-1.35 3.54-2.19 5.24c-.84 1.71-2.17 3.1-3.72 4.2c-1.79 1.26-3.89 2.02-5.62 3.38c-1.56 1.22-2.96 2.8-3.93 4.54c-1.4 2.54-1.71 5.49-2.15 8.3c-.34 2.16-.33 5 1.29 6.67c1.3 1.36 3.3 2.15 5.13 1.89c.61-.09 2.64-1.05 3.71-1.65c2.38-1.32 6.34-3.87 8.59-7.5c1-1.64 1.31-3.41 1.71-5.3c.35-1.7-.01-3.4.08-5.11c.2-3.78 3.83-5.79 5.93-8.5c2.37-3.04 2.45-7.39-1.62-8.96c-2.09-.81-4.45.16-6.05 1.52c-.47.38-.85.81-1.16 1.28"/></defs><use fill="#78a3ad" href="#SVGThDEBmzh"/><clipPath id="SVG1RJjny6e"><use href="#SVGThDEBmzh"/></clipPath><path fill="#ed6c30" d="m84.47 14.37l-1.02 2.22s2.23 7.08 9.29 5.57l1.29-1.93s-7.03 1.03-9.56-5.86" clip-path="url(#SVG1RJjny6e)"/><path fill="#ed6c30" d="m82.52 17.56l-1.2.83s1.88 8.59 10.5 6.94l-.06-1.42c-.01.01-7.26 1.27-9.24-6.35" clip-path="url(#SVG1RJjny6e)"/><defs><path id="SVGhQ0sgcyC" d="M32.12 10.16c1 1.79 2.76 3.04 3.98 4.69c1.24 1.65 1.93 3.62 2.23 5.65c.34 2.34.04 4.75.51 7.08c.42 2.11 1.24 4.24 2.45 6.02c1.76 2.6 4.45 4.35 6.97 6.15c1.92 1.39 4.67 2.77 7.08 2.03c1.95-.59 3.69-2.13 4.35-4.03c.21-.64.27-3.07.22-4.39c-.11-2.95-.63-8.03-3.04-11.98c-1.08-1.77-2.65-2.94-4.29-4.25c-1.47-1.17-3.28-1.66-4.9-2.58c-3.55-2.04-3.71-6.54-5.3-9.9c-1.78-3.77-5.93-5.99-9.45-2.83c-1.81 1.61-2.02 4.37-1.5 6.58c.15.64.39 1.22.69 1.76"/></defs><use fill="#78a3ad" href="#SVGhQ0sgcyC"/><clipPath id="SVGIvokGedg"><use href="#SVGhQ0sgcyC"/></clipPath><path fill="#ed6c30" d="m34.62 14.78l1.65 2.08s7.94 1.32 9.93-6.25l-1.23-2.19c.01.01-2.45 7.3-10.35 6.36" clip-path="url(#SVGIvokGedg)"/><path fill="#ed6c30" d="m36.75 18.24l.22 1.57s9.22 2.39 11.86-6.74l-1.41-.63c0-.01-2.33 7.62-10.67 5.8" clip-path="url(#SVGIvokGedg)"/>` }}
    />
  );
}

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="#fcc21b" d="m116.37 64.31l-19.66-5.53l7.25-7.26l-12.74.89l7.16-19.25l-21.14 7.42l6.73-13.82l-12.38 11.19l-3.72-19.7L55.92 33.9l-6.97-14.22l-1.19 16.07l-17.39-10.06l4.53 15.35l-15.14.46l11.63 15.6l5.31-4.71c7.42-2.45 22.72-5.66 37.02 3.02c0 0 17.41 13.08 14.88 33.08l2.19-4.15l18.84-.27l-9.64-12z"/><path fill="#2f2f2f" d="M51.46 45.37c-23.1 0-41.83 18.42-41.83 41.15s18.73 41.16 41.83 41.16s41.82-18.43 41.82-41.16c0-22.72-18.72-41.15-41.82-41.15m-6.51 28.29c-1.42 1.22-2.91 1.8-4.7 1.04c-1.53-.65-2.26-1.57-2.27-3.25c-.01-1.48 1.04-2.94 2.41-3.55c.3-.13.62-.23.95-.27c1.61-.22 3.33.2 4.14 1.73c.64 1.18.55 3.36-.53 4.3m8.81-9.13c-1.29-.93-1.79-1.94-1.42-3.49c.32-1.37 1.63-2.48 3.06-2.75c.32-.06.64-.08.96-.05c1.56.15 3.1.91 3.52 2.49c.33 1.25-.23 3.23-1.46 3.86c-1.61.82-3.15 1.02-4.66-.06M65.8 83.1c-1.64 1.47-3.38 2.16-5.45 1.24c-1.77-.77-2.62-1.89-2.63-3.9c-.01-1.79 1.2-3.54 2.8-4.27c.35-.17.72-.28 1.1-.34c1.86-.26 3.86.24 4.8 2.08c.73 1.45.63 4.06-.62 5.19"/><defs><path id="SVGt1mMndeo" d="M116.48 37.03c-1.57.82-2.68 2.3-4.11 3.32c-1.44 1.02-3.15 1.58-4.9 1.78c-2.02.24-4.08-.07-6.09.27c-1.82.31-3.67.98-5.22 1.97c-2.27 1.46-3.83 3.73-5.44 5.84c-1.24 1.62-2.49 3.94-1.9 6.04c.46 1.69 1.74 3.21 3.36 3.81c.54.2 2.62.3 3.76.29c2.53-.03 6.9-.36 10.35-2.34c1.55-.89 2.58-2.21 3.75-3.58c1.04-1.24 1.49-2.79 2.32-4.15c1.83-3.01 5.7-3.04 8.61-4.32c3.28-1.44 5.27-4.96 2.64-8.05c-1.35-1.58-3.71-1.83-5.61-1.43c-.55.12-1.05.31-1.52.55"/></defs><use fill="#78a3ad" href="#SVGt1mMndeo"/><clipPath id="SVGTGngOeWY"><use href="#SVGt1mMndeo"/></clipPath><path fill="#ed6c30" d="m112.45 39.08l-1.82 1.36s-1.31 6.78 5.13 8.67l1.91-1.01c.01.01-6.2-2.26-5.22-9.02" clip-path="url(#SVGTGngOeWY)"/><path fill="#ed6c30" d="m109.44 40.83l-1.35.15s-2.26 7.86 5.52 10.33l.57-1.19s-6.49-2.18-4.74-9.29" clip-path="url(#SVGTGngOeWY)"/><defs><path id="SVGThDEBmzh" d="M87.23 10.37c-1.05 1.58-1.35 3.54-2.19 5.24c-.84 1.71-2.17 3.1-3.72 4.2c-1.79 1.26-3.89 2.02-5.62 3.38c-1.56 1.22-2.96 2.8-3.93 4.54c-1.4 2.54-1.71 5.49-2.15 8.3c-.34 2.16-.33 5 1.29 6.67c1.3 1.36 3.3 2.15 5.13 1.89c.61-.09 2.64-1.05 3.71-1.65c2.38-1.32 6.34-3.87 8.59-7.5c1-1.64 1.31-3.41 1.71-5.3c.35-1.7-.01-3.4.08-5.11c.2-3.78 3.83-5.79 5.93-8.5c2.37-3.04 2.45-7.39-1.62-8.96c-2.09-.81-4.45.16-6.05 1.52c-.47.38-.85.81-1.16 1.28"/></defs><use fill="#78a3ad" href="#SVGThDEBmzh"/><clipPath id="SVG1RJjny6e"><use href="#SVGThDEBmzh"/></clipPath><path fill="#ed6c30" d="m84.47 14.37l-1.02 2.22s2.23 7.08 9.29 5.57l1.29-1.93s-7.03 1.03-9.56-5.86" clip-path="url(#SVG1RJjny6e)"/><path fill="#ed6c30" d="m82.52 17.56l-1.2.83s1.88 8.59 10.5 6.94l-.06-1.42c-.01.01-7.26 1.27-9.24-6.35" clip-path="url(#SVG1RJjny6e)"/><defs><path id="SVGhQ0sgcyC" d="M32.12 10.16c1 1.79 2.76 3.04 3.98 4.69c1.24 1.65 1.93 3.62 2.23 5.65c.34 2.34.04 4.75.51 7.08c.42 2.11 1.24 4.24 2.45 6.02c1.76 2.6 4.45 4.35 6.97 6.15c1.92 1.39 4.67 2.77 7.08 2.03c1.95-.59 3.69-2.13 4.35-4.03c.21-.64.27-3.07.22-4.39c-.11-2.95-.63-8.03-3.04-11.98c-1.08-1.77-2.65-2.94-4.29-4.25c-1.47-1.17-3.28-1.66-4.9-2.58c-3.55-2.04-3.71-6.54-5.3-9.9c-1.78-3.77-5.93-5.99-9.45-2.83c-1.81 1.61-2.02 4.37-1.5 6.58c.15.64.39 1.22.69 1.76"/></defs><use fill="#78a3ad" href="#SVGhQ0sgcyC"/><clipPath id="SVGIvokGedg"><use href="#SVGhQ0sgcyC"/></clipPath><path fill="#ed6c30" d="m34.62 14.78l1.65 2.08s7.94 1.32 9.93-6.25l-1.23-2.19c.01.01-2.45 7.3-10.35 6.36" clip-path="url(#SVGIvokGedg)"/><path fill="#ed6c30" d="m36.75 18.24l.22 1.57s9.22 2.39 11.86-6.74l-1.41-.63c0-.01-2.33 7.62-10.67 5.8" clip-path="url(#SVGIvokGedg)"/>`;
</script>

cssCSS mask（随 currentColor 改色）

.bowling {
  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%23fcc21b%22%20d%3D%22m116.37%2064.31l-19.66-5.53l7.25-7.26l-12.74.89l7.16-19.25l-21.14%207.42l6.73-13.82l-12.38%2011.19l-3.72-19.7L55.92%2033.9l-6.97-14.22l-1.19%2016.07l-17.39-10.06l4.53%2015.35l-15.14.46l11.63%2015.6l5.31-4.71c7.42-2.45%2022.72-5.66%2037.02%203.02c0%200%2017.41%2013.08%2014.88%2033.08l2.19-4.15l18.84-.27l-9.64-12z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M51.46%2045.37c-23.1%200-41.83%2018.42-41.83%2041.15s18.73%2041.16%2041.83%2041.16s41.82-18.43%2041.82-41.16c0-22.72-18.72-41.15-41.82-41.15m-6.51%2028.29c-1.42%201.22-2.91%201.8-4.7%201.04c-1.53-.65-2.26-1.57-2.27-3.25c-.01-1.48%201.04-2.94%202.41-3.55c.3-.13.62-.23.95-.27c1.61-.22%203.33.2%204.14%201.73c.64%201.18.55%203.36-.53%204.3m8.81-9.13c-1.29-.93-1.79-1.94-1.42-3.49c.32-1.37%201.63-2.48%203.06-2.75c.32-.06.64-.08.96-.05c1.56.15%203.1.91%203.52%202.49c.33%201.25-.23%203.23-1.46%203.86c-1.61.82-3.15%201.02-4.66-.06M65.8%2083.1c-1.64%201.47-3.38%202.16-5.45%201.24c-1.77-.77-2.62-1.89-2.63-3.9c-.01-1.79%201.2-3.54%202.8-4.27c.35-.17.72-.28%201.1-.34c1.86-.26%203.86.24%204.8%202.08c.73%201.45.63%204.06-.62%205.19%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGt1mMndeo%22%20d%3D%22M116.48%2037.03c-1.57.82-2.68%202.3-4.11%203.32c-1.44%201.02-3.15%201.58-4.9%201.78c-2.02.24-4.08-.07-6.09.27c-1.82.31-3.67.98-5.22%201.97c-2.27%201.46-3.83%203.73-5.44%205.84c-1.24%201.62-2.49%203.94-1.9%206.04c.46%201.69%201.74%203.21%203.36%203.81c.54.2%202.62.3%203.76.29c2.53-.03%206.9-.36%2010.35-2.34c1.55-.89%202.58-2.21%203.75-3.58c1.04-1.24%201.49-2.79%202.32-4.15c1.83-3.01%205.7-3.04%208.61-4.32c3.28-1.44%205.27-4.96%202.64-8.05c-1.35-1.58-3.71-1.83-5.61-1.43c-.55.12-1.05.31-1.52.55%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGt1mMndeo%22%2F%3E%3CclipPath%20id%3D%22SVGTGngOeWY%22%3E%3Cuse%20href%3D%22%23SVGt1mMndeo%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m112.45%2039.08l-1.82%201.36s-1.31%206.78%205.13%208.67l1.91-1.01c.01.01-6.2-2.26-5.22-9.02%22%20clip-path%3D%22url(%23SVGTGngOeWY)%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m109.44%2040.83l-1.35.15s-2.26%207.86%205.52%2010.33l.57-1.19s-6.49-2.18-4.74-9.29%22%20clip-path%3D%22url(%23SVGTGngOeWY)%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGThDEBmzh%22%20d%3D%22M87.23%2010.37c-1.05%201.58-1.35%203.54-2.19%205.24c-.84%201.71-2.17%203.1-3.72%204.2c-1.79%201.26-3.89%202.02-5.62%203.38c-1.56%201.22-2.96%202.8-3.93%204.54c-1.4%202.54-1.71%205.49-2.15%208.3c-.34%202.16-.33%205%201.29%206.67c1.3%201.36%203.3%202.15%205.13%201.89c.61-.09%202.64-1.05%203.71-1.65c2.38-1.32%206.34-3.87%208.59-7.5c1-1.64%201.31-3.41%201.71-5.3c.35-1.7-.01-3.4.08-5.11c.2-3.78%203.83-5.79%205.93-8.5c2.37-3.04%202.45-7.39-1.62-8.96c-2.09-.81-4.45.16-6.05%201.52c-.47.38-.85.81-1.16%201.28%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGThDEBmzh%22%2F%3E%3CclipPath%20id%3D%22SVG1RJjny6e%22%3E%3Cuse%20href%3D%22%23SVGThDEBmzh%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m84.47%2014.37l-1.02%202.22s2.23%207.08%209.29%205.57l1.29-1.93s-7.03%201.03-9.56-5.86%22%20clip-path%3D%22url(%23SVG1RJjny6e)%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m82.52%2017.56l-1.2.83s1.88%208.59%2010.5%206.94l-.06-1.42c-.01.01-7.26%201.27-9.24-6.35%22%20clip-path%3D%22url(%23SVG1RJjny6e)%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGhQ0sgcyC%22%20d%3D%22M32.12%2010.16c1%201.79%202.76%203.04%203.98%204.69c1.24%201.65%201.93%203.62%202.23%205.65c.34%202.34.04%204.75.51%207.08c.42%202.11%201.24%204.24%202.45%206.02c1.76%202.6%204.45%204.35%206.97%206.15c1.92%201.39%204.67%202.77%207.08%202.03c1.95-.59%203.69-2.13%204.35-4.03c.21-.64.27-3.07.22-4.39c-.11-2.95-.63-8.03-3.04-11.98c-1.08-1.77-2.65-2.94-4.29-4.25c-1.47-1.17-3.28-1.66-4.9-2.58c-3.55-2.04-3.71-6.54-5.3-9.9c-1.78-3.77-5.93-5.99-9.45-2.83c-1.81%201.61-2.02%204.37-1.5%206.58c.15.64.39%201.22.69%201.76%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGhQ0sgcyC%22%2F%3E%3CclipPath%20id%3D%22SVGIvokGedg%22%3E%3Cuse%20href%3D%22%23SVGhQ0sgcyC%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m34.62%2014.78l1.65%202.08s7.94%201.32%209.93-6.25l-1.23-2.19c.01.01-2.45%207.3-10.35%206.36%22%20clip-path%3D%22url(%23SVGIvokGedg)%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m36.75%2018.24l.22%201.57s9.22%202.39%2011.86-6.74l-1.41-.63c0-.01-2.33%207.62-10.67%205.8%22%20clip-path%3D%22url(%23SVGIvokGedg)%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%23fcc21b%22%20d%3D%22m116.37%2064.31l-19.66-5.53l7.25-7.26l-12.74.89l7.16-19.25l-21.14%207.42l6.73-13.82l-12.38%2011.19l-3.72-19.7L55.92%2033.9l-6.97-14.22l-1.19%2016.07l-17.39-10.06l4.53%2015.35l-15.14.46l11.63%2015.6l5.31-4.71c7.42-2.45%2022.72-5.66%2037.02%203.02c0%200%2017.41%2013.08%2014.88%2033.08l2.19-4.15l18.84-.27l-9.64-12z%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M51.46%2045.37c-23.1%200-41.83%2018.42-41.83%2041.15s18.73%2041.16%2041.83%2041.16s41.82-18.43%2041.82-41.16c0-22.72-18.72-41.15-41.82-41.15m-6.51%2028.29c-1.42%201.22-2.91%201.8-4.7%201.04c-1.53-.65-2.26-1.57-2.27-3.25c-.01-1.48%201.04-2.94%202.41-3.55c.3-.13.62-.23.95-.27c1.61-.22%203.33.2%204.14%201.73c.64%201.18.55%203.36-.53%204.3m8.81-9.13c-1.29-.93-1.79-1.94-1.42-3.49c.32-1.37%201.63-2.48%203.06-2.75c.32-.06.64-.08.96-.05c1.56.15%203.1.91%203.52%202.49c.33%201.25-.23%203.23-1.46%203.86c-1.61.82-3.15%201.02-4.66-.06M65.8%2083.1c-1.64%201.47-3.38%202.16-5.45%201.24c-1.77-.77-2.62-1.89-2.63-3.9c-.01-1.79%201.2-3.54%202.8-4.27c.35-.17.72-.28%201.1-.34c1.86-.26%203.86.24%204.8%202.08c.73%201.45.63%204.06-.62%205.19%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGt1mMndeo%22%20d%3D%22M116.48%2037.03c-1.57.82-2.68%202.3-4.11%203.32c-1.44%201.02-3.15%201.58-4.9%201.78c-2.02.24-4.08-.07-6.09.27c-1.82.31-3.67.98-5.22%201.97c-2.27%201.46-3.83%203.73-5.44%205.84c-1.24%201.62-2.49%203.94-1.9%206.04c.46%201.69%201.74%203.21%203.36%203.81c.54.2%202.62.3%203.76.29c2.53-.03%206.9-.36%2010.35-2.34c1.55-.89%202.58-2.21%203.75-3.58c1.04-1.24%201.49-2.79%202.32-4.15c1.83-3.01%205.7-3.04%208.61-4.32c3.28-1.44%205.27-4.96%202.64-8.05c-1.35-1.58-3.71-1.83-5.61-1.43c-.55.12-1.05.31-1.52.55%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGt1mMndeo%22%2F%3E%3CclipPath%20id%3D%22SVGTGngOeWY%22%3E%3Cuse%20href%3D%22%23SVGt1mMndeo%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m112.45%2039.08l-1.82%201.36s-1.31%206.78%205.13%208.67l1.91-1.01c.01.01-6.2-2.26-5.22-9.02%22%20clip-path%3D%22url(%23SVGTGngOeWY)%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m109.44%2040.83l-1.35.15s-2.26%207.86%205.52%2010.33l.57-1.19s-6.49-2.18-4.74-9.29%22%20clip-path%3D%22url(%23SVGTGngOeWY)%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGThDEBmzh%22%20d%3D%22M87.23%2010.37c-1.05%201.58-1.35%203.54-2.19%205.24c-.84%201.71-2.17%203.1-3.72%204.2c-1.79%201.26-3.89%202.02-5.62%203.38c-1.56%201.22-2.96%202.8-3.93%204.54c-1.4%202.54-1.71%205.49-2.15%208.3c-.34%202.16-.33%205%201.29%206.67c1.3%201.36%203.3%202.15%205.13%201.89c.61-.09%202.64-1.05%203.71-1.65c2.38-1.32%206.34-3.87%208.59-7.5c1-1.64%201.31-3.41%201.71-5.3c.35-1.7-.01-3.4.08-5.11c.2-3.78%203.83-5.79%205.93-8.5c2.37-3.04%202.45-7.39-1.62-8.96c-2.09-.81-4.45.16-6.05%201.52c-.47.38-.85.81-1.16%201.28%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGThDEBmzh%22%2F%3E%3CclipPath%20id%3D%22SVG1RJjny6e%22%3E%3Cuse%20href%3D%22%23SVGThDEBmzh%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m84.47%2014.37l-1.02%202.22s2.23%207.08%209.29%205.57l1.29-1.93s-7.03%201.03-9.56-5.86%22%20clip-path%3D%22url(%23SVG1RJjny6e)%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m82.52%2017.56l-1.2.83s1.88%208.59%2010.5%206.94l-.06-1.42c-.01.01-7.26%201.27-9.24-6.35%22%20clip-path%3D%22url(%23SVG1RJjny6e)%22%2F%3E%3Cdefs%3E%3Cpath%20id%3D%22SVGhQ0sgcyC%22%20d%3D%22M32.12%2010.16c1%201.79%202.76%203.04%203.98%204.69c1.24%201.65%201.93%203.62%202.23%205.65c.34%202.34.04%204.75.51%207.08c.42%202.11%201.24%204.24%202.45%206.02c1.76%202.6%204.45%204.35%206.97%206.15c1.92%201.39%204.67%202.77%207.08%202.03c1.95-.59%203.69-2.13%204.35-4.03c.21-.64.27-3.07.22-4.39c-.11-2.95-.63-8.03-3.04-11.98c-1.08-1.77-2.65-2.94-4.29-4.25c-1.47-1.17-3.28-1.66-4.9-2.58c-3.55-2.04-3.71-6.54-5.3-9.9c-1.78-3.77-5.93-5.99-9.45-2.83c-1.81%201.61-2.02%204.37-1.5%206.58c.15.64.39%201.22.69%201.76%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%2378a3ad%22%20href%3D%22%23SVGhQ0sgcyC%22%2F%3E%3CclipPath%20id%3D%22SVGIvokGedg%22%3E%3Cuse%20href%3D%22%23SVGhQ0sgcyC%22%2F%3E%3C%2FclipPath%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m34.62%2014.78l1.65%202.08s7.94%201.32%209.93-6.25l-1.23-2.19c.01.01-2.45%207.3-10.35%206.36%22%20clip-path%3D%22url(%23SVGIvokGedg)%22%2F%3E%3Cpath%20fill%3D%22%23ed6c30%22%20d%3D%22m36.75%2018.24l.22%201.57s9.22%202.39%2011.86-6.74l-1.41-.63c0-.01-2.33%207.62-10.67%205.8%22%20clip-path%3D%22url(%23SVGIvokGedg)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 bowling 加一点动效

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

呼吸

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

css呼吸动效样式

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

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

旋转

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

css旋转动效样式

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

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

SVG 健康报告

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

文件体积

3.54 KB

3,627 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

<path> ×11

风格

多色填充

填充跟随容器颜色

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

常见问题

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

bowling 图标是什么？▾

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

如何下载 bowling 图标？▾

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

bowling 图标可以商用吗？▾

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

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