找找图标
bowling 图标

bowling SVG 图标

openmojibowling

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

图标 ID
openmoji:bowling
中文名
—
所属集合
OpenMoji
集合规模
4,544 枚
基础网格
36px
色彩
多色
开源协议
CC-BY-SA-4.0
作者
OpenMoji

下载 bowling 图标

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

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

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

bowling 的预览与使用场景

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

预览颜色
bowling 图标 浅色背景预览浅色背景
bowling 图标 深色背景预览深色背景
bowling 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

bowling 图标 24px 渲染24pxbowling 图标 32px 渲染32pxbowling 图标 48px 渲染48pxbowling 图标 64px 渲染64pxbowling 图标 96px 渲染96pxbowling 图标 128px 渲染128px

复制 bowling 图标代码

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

svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M24.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.233c.809-2.306 2.153-4.445 2.203-6.694m.336 16.164A11.8 11.8 0 0 1 24.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444c-9.258 9.258-5.827 25.063 1.117 39.53L15 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M24.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H16.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M22.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 22.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 24.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53l3.348-.328c6.944-14.467 10.398-29.944 1.14-39.202"/><path fill="#d22f27" d="M22.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H22.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M21 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03M41.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.232c.81-2.306 2.154-4.445 2.204-6.694m.336 16.164A11.8 11.8 0 0 1 41.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444c-9.258 9.258-5.913 25.104 1.03 39.57L32 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M41.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H33.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M39.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 39.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 41.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53h3.372c6.944-14.467 10.374-30.272 1.116-39.53"/><path fill="#d22f27" d="M39.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H39.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M38 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03"/><circle cx="19.998" cy="52.092" r="15" fill="#9b9b9a"/><path fill="#3f3f3f" d="M27.602 39.16a15.003 15.003 0 0 1-18.57 23.173a15.004 15.004 0 0 0 25.966-10.241a14.89 14.89 0 0 0-7.396-12.931"/><path fill="#d0cfce" d="M58.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.233c.809-2.306 2.153-4.445 2.203-6.694m.336 16.164A11.8 11.8 0 0 1 58.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444C38.713 36.702 42.057 52.533 49 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M58.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H50.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M56.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 56.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 58.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53h3.372c6.944-14.467 10.374-30.272 1.116-39.53"/><path fill="#d22f27" d="M56.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H56.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M55 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03"/><circle cx="19.998" cy="52.092" r="15" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><circle cx="16.197" cy="47.652" r="2"/><circle cx="19.777" cy="51.652" r="2"/><circle cx="12.457" cy="53.652" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.303" d="M8.703 37.842a19.06 19.06 0 0 1 5.269-10.398c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.106 4.775-6.074 9.05-.297 15.497m-.259 8.204a18.5 18.5 0 0 1 4.572-7.563c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.106 4.767-6.054 9.035-.326 15.464M49 67c-6.944-14.467-10.287-30.298-1.028-39.556c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.11 4.938-6.488 9.34.336 16.164c9.258 9.258 5.827 25.063-1.116 39.53Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.097" d="m32.321 65.557l.382 1.345h9.844l1.237-3.573"/></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 72 72"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="#d0cfce" d="M24.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.233c.809-2.306 2.153-4.445 2.203-6.694m.336 16.164A11.8 11.8 0 0 1 24.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444c-9.258 9.258-5.827 25.063 1.117 39.53L15 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M24.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H16.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M22.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 22.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 24.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53l3.348-.328c6.944-14.467 10.398-29.944 1.14-39.202"/><path fill="#d22f27" d="M22.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H22.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M21 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03M41.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.232c.81-2.306 2.154-4.445 2.204-6.694m.336 16.164A11.8 11.8 0 0 1 41.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444c-9.258 9.258-5.913 25.104 1.03 39.57L32 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M41.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H33.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M39.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 39.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 41.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53h3.372c6.944-14.467 10.374-30.272 1.116-39.53"/><path fill="#d22f27" d="M39.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H39.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M38 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03"/><circle cx="19.998" cy="52.092" r="15" fill="#9b9b9a"/><path fill="#3f3f3f" d="M27.602 39.16a15.003 15.003 0 0 1-18.57 23.173a15.004 15.004 0 0 0 25.966-10.241a14.89 14.89 0 0 0-7.396-12.931"/><path fill="#d0cfce" d="M58.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.233c.809-2.306 2.153-4.445 2.203-6.694m.336 16.164A11.8 11.8 0 0 1 58.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444C38.713 36.702 42.057 52.533 49 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M58.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H50.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M56.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 56.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 58.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53h3.372c6.944-14.467 10.374-30.272 1.116-39.53"/><path fill="#d22f27" d="M56.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H56.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M55 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03"/><circle cx="19.998" cy="52.092" r="15" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><circle cx="16.197" cy="47.652" r="2"/><circle cx="19.777" cy="51.652" r="2"/><circle cx="12.457" cy="53.652" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.303" d="M8.703 37.842a19.06 19.06 0 0 1 5.269-10.398c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.106 4.775-6.074 9.05-.297 15.497m-.259 8.204a18.5 18.5 0 0 1 4.572-7.563c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.106 4.767-6.054 9.035-.326 15.464M49 67c-6.944-14.467-10.287-30.298-1.028-39.556c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.11 4.938-6.488 9.34.336 16.164c9.258 9.258 5.827 25.063-1.116 39.53Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.097" d="m32.321 65.557l.382 1.345h9.844l1.237-3.573"/>` }}
    />
  );
}
vueVue 3 组件
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="#d0cfce" d="M24.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.233c.809-2.306 2.153-4.445 2.203-6.694m.336 16.164A11.8 11.8 0 0 1 24.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444c-9.258 9.258-5.827 25.063 1.117 39.53L15 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M24.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H16.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M22.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 22.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 24.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53l3.348-.328c6.944-14.467 10.398-29.944 1.14-39.202"/><path fill="#d22f27" d="M22.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H22.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M21 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03M41.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.232c.81-2.306 2.154-4.445 2.204-6.694m.336 16.164A11.8 11.8 0 0 1 41.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444c-9.258 9.258-5.913 25.104 1.03 39.57L32 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M41.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H33.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M39.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 39.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 41.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53h3.372c6.944-14.467 10.374-30.272 1.116-39.53"/><path fill="#d22f27" d="M39.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H39.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M38 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03"/><circle cx="19.998" cy="52.092" r="15" fill="#9b9b9a"/><path fill="#3f3f3f" d="M27.602 39.16a15.003 15.003 0 0 1-18.57 23.173a15.004 15.004 0 0 0 25.966-10.241a14.89 14.89 0 0 0-7.396-12.931"/><path fill="#d0cfce" d="M58.239 20h-7.21a7.2 7.2 0 0 1 .024 2h7.154a7.2 7.2 0 0 1 .032-2m2.717-8.694a6.495 6.495 0 0 0-6.322-6.322a6.32 6.32 0 0 0-6.322 6.322l-.004-.026c.05 2.257 1.403 4.404 2.212 6.72h8.233c.809-2.306 2.153-4.445 2.203-6.694m.336 16.164A11.8 11.8 0 0 1 58.78 24h-8.309a11.8 11.8 0 0 1-2.5 3.444C38.713 36.702 42.057 52.533 49 67h11.176c6.943-14.467 10.374-30.272 1.116-39.53"/><path fill="#ea5a47" d="M58.207 22h-7.154a7.2 7.2 0 0 1-.582 2h8.309a7.2 7.2 0 0 1-.573-2m.546-4H50.52a11 11 0 0 1 .508 2h7.211a11 11 0 0 1 .514-2"/><path fill="#9b9b9a" d="M56.162 22h2.044a7.2 7.2 0 0 1 .032-2h-2.065c-.031.648-.04 1.312-.01 2m.894-10.694A63 63 0 0 1 56.34 18h2.412c.81-2.306 2.153-4.445 2.203-6.694a6.51 6.51 0 0 0-5.778-6.292c1.055.307 1.901 3.297 1.88 6.292m4.234 16.164A11.8 11.8 0 0 1 58.779 24h-2.43a21 21 0 0 0 .817 3.47c3.013 9.258 1.896 25.063-.363 39.53h3.372c6.944-14.467 10.374-30.272 1.116-39.53"/><path fill="#d22f27" d="M56.349 24h2.43a7.2 7.2 0 0 1-.573-2h-2.044a20 20 0 0 0 .187 2m-.176-4h2.065a11 11 0 0 1 .514-2H56.34a31 31 0 0 0-.167 2"/><path fill="#d0cfce" d="M55 4.984v.02c.058.004.118.004.177.01a.6.6 0 0 0-.177-.03"/><circle cx="19.998" cy="52.092" r="15" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><circle cx="16.197" cy="47.652" r="2"/><circle cx="19.777" cy="51.652" r="2"/><circle cx="12.457" cy="53.652" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.303" d="M8.703 37.842a19.06 19.06 0 0 1 5.269-10.398c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.106 4.775-6.074 9.05-.297 15.497m-.259 8.204a18.5 18.5 0 0 1 4.572-7.563c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.106 4.767-6.054 9.035-.326 15.464M49 67c-6.944-14.467-10.287-30.298-1.028-39.556c6.823-6.823.444-11.226.335-16.164l.005.026a6.32 6.32 0 0 1 6.322-6.322a6.495 6.495 0 0 1 6.322 6.322c-.11 4.938-6.488 9.34.336 16.164c9.258 9.258 5.827 25.063-1.116 39.53Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.097" d="m32.321 65.557l.382 1.345h9.844l1.237-3.573"/>`;
</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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M24.239%2020h-7.21a7.2%207.2%200%200%201%20.024%202h7.154a7.2%207.2%200%200%201%20.032-2m2.717-8.694a6.495%206.495%200%200%200-6.322-6.322a6.32%206.32%200%200%200-6.322%206.322l-.004-.026c.05%202.257%201.403%204.404%202.212%206.72h8.233c.809-2.306%202.153-4.445%202.203-6.694m.336%2016.164A11.8%2011.8%200%200%201%2024.78%2024h-8.309a11.8%2011.8%200%200%201-2.5%203.444c-9.258%209.258-5.827%2025.063%201.117%2039.53L15%2067h11.176c6.943-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M24.207%2022h-7.154a7.2%207.2%200%200%201-.582%202h8.309a7.2%207.2%200%200%201-.573-2m.546-4H16.52a11%2011%200%200%201%20.508%202h7.211a11%2011%200%200%201%20.514-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M22.162%2022h2.044a7.2%207.2%200%200%201%20.032-2h-2.065c-.031.648-.04%201.312-.01%202m.894-10.694A63%2063%200%200%201%2022.34%2018h2.412c.81-2.306%202.153-4.445%202.203-6.694a6.51%206.51%200%200%200-5.778-6.292c1.055.307%201.901%203.297%201.88%206.292m4.234%2016.164A11.8%2011.8%200%200%201%2024.779%2024h-2.43a21%2021%200%200%200%20.817%203.47c3.013%209.258%201.896%2025.063-.363%2039.53l3.348-.328c6.944-14.467%2010.398-29.944%201.14-39.202%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M22.349%2024h2.43a7.2%207.2%200%200%201-.573-2h-2.044a20%2020%200%200%200%20.187%202m-.176-4h2.065a11%2011%200%200%201%20.514-2H22.34a31%2031%200%200%200-.167%202%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M21%204.984v.02c.058.004.118.004.177.01a.6.6%200%200%200-.177-.03M41.239%2020h-7.21a7.2%207.2%200%200%201%20.024%202h7.154a7.2%207.2%200%200%201%20.032-2m2.717-8.694a6.495%206.495%200%200%200-6.322-6.322a6.32%206.32%200%200%200-6.322%206.322l-.004-.026c.05%202.257%201.403%204.404%202.212%206.72h8.232c.81-2.306%202.154-4.445%202.204-6.694m.336%2016.164A11.8%2011.8%200%200%201%2041.78%2024h-8.309a11.8%2011.8%200%200%201-2.5%203.444c-9.258%209.258-5.913%2025.104%201.03%2039.57L32%2067h11.176c6.943-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M41.207%2022h-7.154a7.2%207.2%200%200%201-.582%202h8.309a7.2%207.2%200%200%201-.573-2m.546-4H33.52a11%2011%200%200%201%20.508%202h7.211a11%2011%200%200%201%20.514-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M39.162%2022h2.044a7.2%207.2%200%200%201%20.032-2h-2.065c-.031.648-.04%201.312-.01%202m.894-10.694A63%2063%200%200%201%2039.34%2018h2.412c.81-2.306%202.153-4.445%202.203-6.694a6.51%206.51%200%200%200-5.778-6.292c1.055.307%201.901%203.297%201.88%206.292m4.234%2016.164A11.8%2011.8%200%200%201%2041.779%2024h-2.43a21%2021%200%200%200%20.817%203.47c3.013%209.258%201.896%2025.063-.363%2039.53h3.372c6.944-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M39.349%2024h2.43a7.2%207.2%200%200%201-.573-2h-2.044a20%2020%200%200%200%20.187%202m-.176-4h2.065a11%2011%200%200%201%20.514-2H39.34a31%2031%200%200%200-.167%202%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M38%204.984v.02c.058.004.118.004.177.01a.6.6%200%200%200-.177-.03%22%2F%3E%3Ccircle%20cx%3D%2219.998%22%20cy%3D%2252.092%22%20r%3D%2215%22%20fill%3D%22%239b9b9a%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M27.602%2039.16a15.003%2015.003%200%200%201-18.57%2023.173a15.004%2015.004%200%200%200%2025.966-10.241a14.89%2014.89%200%200%200-7.396-12.931%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M58.239%2020h-7.21a7.2%207.2%200%200%201%20.024%202h7.154a7.2%207.2%200%200%201%20.032-2m2.717-8.694a6.495%206.495%200%200%200-6.322-6.322a6.32%206.32%200%200%200-6.322%206.322l-.004-.026c.05%202.257%201.403%204.404%202.212%206.72h8.233c.809-2.306%202.153-4.445%202.203-6.694m.336%2016.164A11.8%2011.8%200%200%201%2058.78%2024h-8.309a11.8%2011.8%200%200%201-2.5%203.444C38.713%2036.702%2042.057%2052.533%2049%2067h11.176c6.943-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M58.207%2022h-7.154a7.2%207.2%200%200%201-.582%202h8.309a7.2%207.2%200%200%201-.573-2m.546-4H50.52a11%2011%200%200%201%20.508%202h7.211a11%2011%200%200%201%20.514-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M56.162%2022h2.044a7.2%207.2%200%200%201%20.032-2h-2.065c-.031.648-.04%201.312-.01%202m.894-10.694A63%2063%200%200%201%2056.34%2018h2.412c.81-2.306%202.153-4.445%202.203-6.694a6.51%206.51%200%200%200-5.778-6.292c1.055.307%201.901%203.297%201.88%206.292m4.234%2016.164A11.8%2011.8%200%200%201%2058.779%2024h-2.43a21%2021%200%200%200%20.817%203.47c3.013%209.258%201.896%2025.063-.363%2039.53h3.372c6.944-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M56.349%2024h2.43a7.2%207.2%200%200%201-.573-2h-2.044a20%2020%200%200%200%20.187%202m-.176-4h2.065a11%2011%200%200%201%20.514-2H56.34a31%2031%200%200%200-.167%202%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M55%204.984v.02c.058.004.118.004.177.01a.6.6%200%200%200-.177-.03%22%2F%3E%3Ccircle%20cx%3D%2219.998%22%20cy%3D%2252.092%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216.197%22%20cy%3D%2247.652%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2219.777%22%20cy%3D%2251.652%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212.457%22%20cy%3D%2253.652%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.303%22%20d%3D%22M8.703%2037.842a19.06%2019.06%200%200%201%205.269-10.398c6.823-6.823.444-11.226.335-16.164l.005.026a6.32%206.32%200%200%201%206.322-6.322a6.495%206.495%200%200%201%206.322%206.322c-.106%204.775-6.074%209.05-.297%2015.497m-.259%208.204a18.5%2018.5%200%200%201%204.572-7.563c6.823-6.823.444-11.226.335-16.164l.005.026a6.32%206.32%200%200%201%206.322-6.322a6.495%206.495%200%200%201%206.322%206.322c-.106%204.767-6.054%209.035-.326%2015.464M49%2067c-6.944-14.467-10.287-30.298-1.028-39.556c6.823-6.823.444-11.226.335-16.164l.005.026a6.32%206.32%200%200%201%206.322-6.322a6.495%206.495%200%200%201%206.322%206.322c-.11%204.938-6.488%209.34.336%2016.164c9.258%209.258%205.827%2025.063-1.116%2039.53Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.097%22%20d%3D%22m32.321%2065.557l.382%201.345h9.844l1.237-3.573%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M24.239%2020h-7.21a7.2%207.2%200%200%201%20.024%202h7.154a7.2%207.2%200%200%201%20.032-2m2.717-8.694a6.495%206.495%200%200%200-6.322-6.322a6.32%206.32%200%200%200-6.322%206.322l-.004-.026c.05%202.257%201.403%204.404%202.212%206.72h8.233c.809-2.306%202.153-4.445%202.203-6.694m.336%2016.164A11.8%2011.8%200%200%201%2024.78%2024h-8.309a11.8%2011.8%200%200%201-2.5%203.444c-9.258%209.258-5.827%2025.063%201.117%2039.53L15%2067h11.176c6.943-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M24.207%2022h-7.154a7.2%207.2%200%200%201-.582%202h8.309a7.2%207.2%200%200%201-.573-2m.546-4H16.52a11%2011%200%200%201%20.508%202h7.211a11%2011%200%200%201%20.514-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M22.162%2022h2.044a7.2%207.2%200%200%201%20.032-2h-2.065c-.031.648-.04%201.312-.01%202m.894-10.694A63%2063%200%200%201%2022.34%2018h2.412c.81-2.306%202.153-4.445%202.203-6.694a6.51%206.51%200%200%200-5.778-6.292c1.055.307%201.901%203.297%201.88%206.292m4.234%2016.164A11.8%2011.8%200%200%201%2024.779%2024h-2.43a21%2021%200%200%200%20.817%203.47c3.013%209.258%201.896%2025.063-.363%2039.53l3.348-.328c6.944-14.467%2010.398-29.944%201.14-39.202%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M22.349%2024h2.43a7.2%207.2%200%200%201-.573-2h-2.044a20%2020%200%200%200%20.187%202m-.176-4h2.065a11%2011%200%200%201%20.514-2H22.34a31%2031%200%200%200-.167%202%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M21%204.984v.02c.058.004.118.004.177.01a.6.6%200%200%200-.177-.03M41.239%2020h-7.21a7.2%207.2%200%200%201%20.024%202h7.154a7.2%207.2%200%200%201%20.032-2m2.717-8.694a6.495%206.495%200%200%200-6.322-6.322a6.32%206.32%200%200%200-6.322%206.322l-.004-.026c.05%202.257%201.403%204.404%202.212%206.72h8.232c.81-2.306%202.154-4.445%202.204-6.694m.336%2016.164A11.8%2011.8%200%200%201%2041.78%2024h-8.309a11.8%2011.8%200%200%201-2.5%203.444c-9.258%209.258-5.913%2025.104%201.03%2039.57L32%2067h11.176c6.943-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M41.207%2022h-7.154a7.2%207.2%200%200%201-.582%202h8.309a7.2%207.2%200%200%201-.573-2m.546-4H33.52a11%2011%200%200%201%20.508%202h7.211a11%2011%200%200%201%20.514-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M39.162%2022h2.044a7.2%207.2%200%200%201%20.032-2h-2.065c-.031.648-.04%201.312-.01%202m.894-10.694A63%2063%200%200%201%2039.34%2018h2.412c.81-2.306%202.153-4.445%202.203-6.694a6.51%206.51%200%200%200-5.778-6.292c1.055.307%201.901%203.297%201.88%206.292m4.234%2016.164A11.8%2011.8%200%200%201%2041.779%2024h-2.43a21%2021%200%200%200%20.817%203.47c3.013%209.258%201.896%2025.063-.363%2039.53h3.372c6.944-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M39.349%2024h2.43a7.2%207.2%200%200%201-.573-2h-2.044a20%2020%200%200%200%20.187%202m-.176-4h2.065a11%2011%200%200%201%20.514-2H39.34a31%2031%200%200%200-.167%202%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M38%204.984v.02c.058.004.118.004.177.01a.6.6%200%200%200-.177-.03%22%2F%3E%3Ccircle%20cx%3D%2219.998%22%20cy%3D%2252.092%22%20r%3D%2215%22%20fill%3D%22%239b9b9a%22%2F%3E%3Cpath%20fill%3D%22%233f3f3f%22%20d%3D%22M27.602%2039.16a15.003%2015.003%200%200%201-18.57%2023.173a15.004%2015.004%200%200%200%2025.966-10.241a14.89%2014.89%200%200%200-7.396-12.931%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M58.239%2020h-7.21a7.2%207.2%200%200%201%20.024%202h7.154a7.2%207.2%200%200%201%20.032-2m2.717-8.694a6.495%206.495%200%200%200-6.322-6.322a6.32%206.32%200%200%200-6.322%206.322l-.004-.026c.05%202.257%201.403%204.404%202.212%206.72h8.233c.809-2.306%202.153-4.445%202.203-6.694m.336%2016.164A11.8%2011.8%200%200%201%2058.78%2024h-8.309a11.8%2011.8%200%200%201-2.5%203.444C38.713%2036.702%2042.057%2052.533%2049%2067h11.176c6.943-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M58.207%2022h-7.154a7.2%207.2%200%200%201-.582%202h8.309a7.2%207.2%200%200%201-.573-2m.546-4H50.52a11%2011%200%200%201%20.508%202h7.211a11%2011%200%200%201%20.514-2%22%2F%3E%3Cpath%20fill%3D%22%239b9b9a%22%20d%3D%22M56.162%2022h2.044a7.2%207.2%200%200%201%20.032-2h-2.065c-.031.648-.04%201.312-.01%202m.894-10.694A63%2063%200%200%201%2056.34%2018h2.412c.81-2.306%202.153-4.445%202.203-6.694a6.51%206.51%200%200%200-5.778-6.292c1.055.307%201.901%203.297%201.88%206.292m4.234%2016.164A11.8%2011.8%200%200%201%2058.779%2024h-2.43a21%2021%200%200%200%20.817%203.47c3.013%209.258%201.896%2025.063-.363%2039.53h3.372c6.944-14.467%2010.374-30.272%201.116-39.53%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M56.349%2024h2.43a7.2%207.2%200%200%201-.573-2h-2.044a20%2020%200%200%200%20.187%202m-.176-4h2.065a11%2011%200%200%201%20.514-2H56.34a31%2031%200%200%200-.167%202%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M55%204.984v.02c.058.004.118.004.177.01a.6.6%200%200%200-.177-.03%22%2F%3E%3Ccircle%20cx%3D%2219.998%22%20cy%3D%2252.092%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216.197%22%20cy%3D%2247.652%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2219.777%22%20cy%3D%2251.652%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2212.457%22%20cy%3D%2253.652%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.303%22%20d%3D%22M8.703%2037.842a19.06%2019.06%200%200%201%205.269-10.398c6.823-6.823.444-11.226.335-16.164l.005.026a6.32%206.32%200%200%201%206.322-6.322a6.495%206.495%200%200%201%206.322%206.322c-.106%204.775-6.074%209.05-.297%2015.497m-.259%208.204a18.5%2018.5%200%200%201%204.572-7.563c6.823-6.823.444-11.226.335-16.164l.005.026a6.32%206.32%200%200%201%206.322-6.322a6.495%206.495%200%200%201%206.322%206.322c-.106%204.767-6.054%209.035-.326%2015.464M49%2067c-6.944-14.467-10.287-30.298-1.028-39.556c6.823-6.823.444-11.226.335-16.164l.005.026a6.32%206.32%200%200%201%206.322-6.322a6.495%206.495%200%200%201%206.322%206.322c-.11%204.938-6.488%209.34.336%2016.164c9.258%209.258%205.827%2025.063-1.116%2039.53Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.097%22%20d%3D%22m32.321%2065.557l.382%201.345h9.844l1.237-3.573%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 bowling 加一点动效

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

bowling 呼吸动效演示

呼吸

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

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

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

旋转

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

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

@keyframes icon-spin {
  to { transform: rotate(360deg); }
}
bowling 描画动效演示

描画

线条从无到有依次绘出，适合线性图标与首屏引导。

css描画动效样式
.icon-bowling path {
  stroke-dasharray: 120;
  animation: icon-draw 1.2s ease forwards;
}

@keyframes icon-draw {
  from { stroke-dashoffset: 120; }
  to { stroke-dashoffset: 0; }
}

SVG 健康报告

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

文件体积

4.71 KB

4,823 字节

viewBox

0 0 72 72

矢量坐标系

图元总数

22

<path> ×17

风格

多色填充

描边可随字号加粗

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

常见问题

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

bowling 图标是什么？▾

它是 OpenMoji（openmoji）开源图标集中的 bowling 图标，多色填充，viewBox 为 0 0 72 72，文件仅 4.71 KB，矢量格式可无损缩放到任意尺寸。

如何下载 bowling 图标？▾

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

bowling 图标可以商用吗？▾

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

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

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