找找图标

game-die SVG 图标

notogame-die

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

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

下载 game-die 图标

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

px

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

game-die 的预览与使用场景

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

预览颜色
game-die 图标 浅色背景预览浅色背景
game-die 图标 深色背景预览深色背景
game-die 图标 灰底融入预览灰底融入

在真实界面里长这样

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

各尺寸下的可读性

game-die 图标 24px 渲染24pxgame-die 图标 32px 渲染32pxgame-die 图标 48px 渲染48pxgame-die 图标 64px 渲染64pxgame-die 图标 96px 渲染96pxgame-die 图标 128px 渲染128px

复制 game-die 图标代码

内联 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="#cecece" d="M33.09 16.55s-11.5 4.75-14.2 6.7c-3.29 2.38-7.29 5.41-9.41 9.46c-2.03 3.87-2.84 6.83-2.99 11.79s5.15 46.15 5.15 46.15s28.72 27.06 33.25 29.11s11.21 4.56 19.23 4.41s13.29-2.62 16.36-4.08c3.06-1.46 39.4-55.26 39.7-59.64s.59-12.73.41-16.26c-.19-3.62-.93-6.51-2.83-10.16s-5.02-7.21-6.91-8.82c-1.9-1.6-25.75-12.31-32.97-13.93c-20.86-4.65-44.79 5.27-44.79 5.27"/><path fill="#eaeaea" d="M15.44 29.1c.14 4.89 4.08 7.15 12.11 11.23S56 56.38 64.46 56.67s39.82-18.77 44.35-21.7c4.48-2.9 5.23-7.53 1.02-10.69c-5.84-4.37-31.95-16.48-37.49-18.52c-2.83-1.04-10.04-2.66-15.76-.44c-4.52 1.75-33.19 15.02-35.96 16.77s-5.25 4.28-5.18 7.01"/><path fill="#fff" d="M34.34 19.12c-1.78-2.01-14.31 4.55-14.31 10.14c0 5.42 11.37 12.32 14.22 9.76c2.05-1.84-5.21-7.58-4.26-10.9c.94-3.32 5.87-7.3 4.35-9m12.4 28.96c-1.97 2.85 10.62 8.98 18.3 8.98c7.23 0 19.04-7.06 17.52-9.11c-2.46-3.32-8.43-.2-17.72 0c-5.12.11-16.05-2.84-18.1.13m45.67-9.04c2.46 1.61 16.49-5.5 16.77-9.76s-8.72-9.38-11.28-7.58s.76 3.13-.09 6.25s-8.35 9.16-5.4 11.09"/><path fill="#dfdfdf" d="M6.48 45.09c-.15 5.17.16 36.73.23 41.01c.07 4.72 1.23 9.97 4.37 12.66s28.57 18.82 34.29 21.29c8.01 3.46 15.8-.34 16.36-8.96c.56-8.63.22-34.96.22-38.54s-1.8-8.86-5.72-11.55s-34.92-20.47-38.1-22.3c-4.48-2.57-11.42-1.34-11.65 6.39"/><path fill="#b8b8b8" d="M70.68 61.34c-3.36 2.66-4.71 6.5-4.71 10.64s-.22 36.08-.11 39.33s4.71 11.88 11.88 9.75c7.41-2.2 16.81-8.85 23.53-12.89c6.72-4.03 11.96-7.45 14.3-9.37c3-2.45 5.03-8.38 5.14-13.42c.11-4.93-.03-35.79-.12-38.21c-.22-5.68-2.52-10.37-8.68-9.03S75.5 57.53 70.68 61.34"/><ellipse cx="64.29" cy="29.27" fill="#fe4e27" rx="13.81" ry="9.93"/><path fill="#2f2f2f" d="M26.49 55.55c1.8 5.02 1.26 10.22-2.59 11.6s-8.46-2.05-10.23-6.96c-1.81-5.02-1.36-10.23 2.59-11.6c3.87-1.33 8.43 1.94 10.23 6.96M51.82 99.6c2.14 4.88 2.02 10.66-1.72 12.3s-8.81-1.77-10.92-6.55c-2.15-4.88-1.83-10.23 1.91-11.87c3.75-1.64 8.59 1.24 10.73 6.12m50.14-32.64c3.27 1.86 8.53-.45 11.24-5.19c2.71-4.75 2.25-10.1-1.01-11.97c-3.27-1.86-8.44.44-11.15 5.19c-2.71 4.74-2.35 10.11.92 11.97M89.04 88.7c3.32 1.94 8.72-.37 11.54-5.2c2.82-4.82 2.42-10.31-.9-12.25s-8.83.21-11.65 5.03c-2.82 4.84-2.3 10.48 1.01 12.42m-12.83 22.22c3.21 1.96 8.54-.2 11.39-4.86s2.55-10.03-.66-11.99s-8.18-.58-11.46 4.61c-2.92 4.61-2.48 10.28.73 12.24"/></svg>
reactReact 组件(TSX)
export function GameDieIcon(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="#cecece" d="M33.09 16.55s-11.5 4.75-14.2 6.7c-3.29 2.38-7.29 5.41-9.41 9.46c-2.03 3.87-2.84 6.83-2.99 11.79s5.15 46.15 5.15 46.15s28.72 27.06 33.25 29.11s11.21 4.56 19.23 4.41s13.29-2.62 16.36-4.08c3.06-1.46 39.4-55.26 39.7-59.64s.59-12.73.41-16.26c-.19-3.62-.93-6.51-2.83-10.16s-5.02-7.21-6.91-8.82c-1.9-1.6-25.75-12.31-32.97-13.93c-20.86-4.65-44.79 5.27-44.79 5.27"/><path fill="#eaeaea" d="M15.44 29.1c.14 4.89 4.08 7.15 12.11 11.23S56 56.38 64.46 56.67s39.82-18.77 44.35-21.7c4.48-2.9 5.23-7.53 1.02-10.69c-5.84-4.37-31.95-16.48-37.49-18.52c-2.83-1.04-10.04-2.66-15.76-.44c-4.52 1.75-33.19 15.02-35.96 16.77s-5.25 4.28-5.18 7.01"/><path fill="#fff" d="M34.34 19.12c-1.78-2.01-14.31 4.55-14.31 10.14c0 5.42 11.37 12.32 14.22 9.76c2.05-1.84-5.21-7.58-4.26-10.9c.94-3.32 5.87-7.3 4.35-9m12.4 28.96c-1.97 2.85 10.62 8.98 18.3 8.98c7.23 0 19.04-7.06 17.52-9.11c-2.46-3.32-8.43-.2-17.72 0c-5.12.11-16.05-2.84-18.1.13m45.67-9.04c2.46 1.61 16.49-5.5 16.77-9.76s-8.72-9.38-11.28-7.58s.76 3.13-.09 6.25s-8.35 9.16-5.4 11.09"/><path fill="#dfdfdf" d="M6.48 45.09c-.15 5.17.16 36.73.23 41.01c.07 4.72 1.23 9.97 4.37 12.66s28.57 18.82 34.29 21.29c8.01 3.46 15.8-.34 16.36-8.96c.56-8.63.22-34.96.22-38.54s-1.8-8.86-5.72-11.55s-34.92-20.47-38.1-22.3c-4.48-2.57-11.42-1.34-11.65 6.39"/><path fill="#b8b8b8" d="M70.68 61.34c-3.36 2.66-4.71 6.5-4.71 10.64s-.22 36.08-.11 39.33s4.71 11.88 11.88 9.75c7.41-2.2 16.81-8.85 23.53-12.89c6.72-4.03 11.96-7.45 14.3-9.37c3-2.45 5.03-8.38 5.14-13.42c.11-4.93-.03-35.79-.12-38.21c-.22-5.68-2.52-10.37-8.68-9.03S75.5 57.53 70.68 61.34"/><ellipse cx="64.29" cy="29.27" fill="#fe4e27" rx="13.81" ry="9.93"/><path fill="#2f2f2f" d="M26.49 55.55c1.8 5.02 1.26 10.22-2.59 11.6s-8.46-2.05-10.23-6.96c-1.81-5.02-1.36-10.23 2.59-11.6c3.87-1.33 8.43 1.94 10.23 6.96M51.82 99.6c2.14 4.88 2.02 10.66-1.72 12.3s-8.81-1.77-10.92-6.55c-2.15-4.88-1.83-10.23 1.91-11.87c3.75-1.64 8.59 1.24 10.73 6.12m50.14-32.64c3.27 1.86 8.53-.45 11.24-5.19c2.71-4.75 2.25-10.1-1.01-11.97c-3.27-1.86-8.44.44-11.15 5.19c-2.71 4.74-2.35 10.11.92 11.97M89.04 88.7c3.32 1.94 8.72-.37 11.54-5.2c2.82-4.82 2.42-10.31-.9-12.25s-8.83.21-11.65 5.03c-2.82 4.84-2.3 10.48 1.01 12.42m-12.83 22.22c3.21 1.96 8.54-.2 11.39-4.86s2.55-10.03-.66-11.99s-8.18-.58-11.46 4.61c-2.92 4.61-2.48 10.28.73 12.24"/>` }}
    />
  );
}
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="#cecece" d="M33.09 16.55s-11.5 4.75-14.2 6.7c-3.29 2.38-7.29 5.41-9.41 9.46c-2.03 3.87-2.84 6.83-2.99 11.79s5.15 46.15 5.15 46.15s28.72 27.06 33.25 29.11s11.21 4.56 19.23 4.41s13.29-2.62 16.36-4.08c3.06-1.46 39.4-55.26 39.7-59.64s.59-12.73.41-16.26c-.19-3.62-.93-6.51-2.83-10.16s-5.02-7.21-6.91-8.82c-1.9-1.6-25.75-12.31-32.97-13.93c-20.86-4.65-44.79 5.27-44.79 5.27"/><path fill="#eaeaea" d="M15.44 29.1c.14 4.89 4.08 7.15 12.11 11.23S56 56.38 64.46 56.67s39.82-18.77 44.35-21.7c4.48-2.9 5.23-7.53 1.02-10.69c-5.84-4.37-31.95-16.48-37.49-18.52c-2.83-1.04-10.04-2.66-15.76-.44c-4.52 1.75-33.19 15.02-35.96 16.77s-5.25 4.28-5.18 7.01"/><path fill="#fff" d="M34.34 19.12c-1.78-2.01-14.31 4.55-14.31 10.14c0 5.42 11.37 12.32 14.22 9.76c2.05-1.84-5.21-7.58-4.26-10.9c.94-3.32 5.87-7.3 4.35-9m12.4 28.96c-1.97 2.85 10.62 8.98 18.3 8.98c7.23 0 19.04-7.06 17.52-9.11c-2.46-3.32-8.43-.2-17.72 0c-5.12.11-16.05-2.84-18.1.13m45.67-9.04c2.46 1.61 16.49-5.5 16.77-9.76s-8.72-9.38-11.28-7.58s.76 3.13-.09 6.25s-8.35 9.16-5.4 11.09"/><path fill="#dfdfdf" d="M6.48 45.09c-.15 5.17.16 36.73.23 41.01c.07 4.72 1.23 9.97 4.37 12.66s28.57 18.82 34.29 21.29c8.01 3.46 15.8-.34 16.36-8.96c.56-8.63.22-34.96.22-38.54s-1.8-8.86-5.72-11.55s-34.92-20.47-38.1-22.3c-4.48-2.57-11.42-1.34-11.65 6.39"/><path fill="#b8b8b8" d="M70.68 61.34c-3.36 2.66-4.71 6.5-4.71 10.64s-.22 36.08-.11 39.33s4.71 11.88 11.88 9.75c7.41-2.2 16.81-8.85 23.53-12.89c6.72-4.03 11.96-7.45 14.3-9.37c3-2.45 5.03-8.38 5.14-13.42c.11-4.93-.03-35.79-.12-38.21c-.22-5.68-2.52-10.37-8.68-9.03S75.5 57.53 70.68 61.34"/><ellipse cx="64.29" cy="29.27" fill="#fe4e27" rx="13.81" ry="9.93"/><path fill="#2f2f2f" d="M26.49 55.55c1.8 5.02 1.26 10.22-2.59 11.6s-8.46-2.05-10.23-6.96c-1.81-5.02-1.36-10.23 2.59-11.6c3.87-1.33 8.43 1.94 10.23 6.96M51.82 99.6c2.14 4.88 2.02 10.66-1.72 12.3s-8.81-1.77-10.92-6.55c-2.15-4.88-1.83-10.23 1.91-11.87c3.75-1.64 8.59 1.24 10.73 6.12m50.14-32.64c3.27 1.86 8.53-.45 11.24-5.19c2.71-4.75 2.25-10.1-1.01-11.97c-3.27-1.86-8.44.44-11.15 5.19c-2.71 4.74-2.35 10.11.92 11.97M89.04 88.7c3.32 1.94 8.72-.37 11.54-5.2c2.82-4.82 2.42-10.31-.9-12.25s-8.83.21-11.65 5.03c-2.82 4.84-2.3 10.48 1.01 12.42m-12.83 22.22c3.21 1.96 8.54-.2 11.39-4.86s2.55-10.03-.66-11.99s-8.18-.58-11.46 4.61c-2.92 4.61-2.48 10.28.73 12.24"/>`;
</script>
cssCSS mask(随 currentColor 改色)
.game-die {
  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%23cecece%22%20d%3D%22M33.09%2016.55s-11.5%204.75-14.2%206.7c-3.29%202.38-7.29%205.41-9.41%209.46c-2.03%203.87-2.84%206.83-2.99%2011.79s5.15%2046.15%205.15%2046.15s28.72%2027.06%2033.25%2029.11s11.21%204.56%2019.23%204.41s13.29-2.62%2016.36-4.08c3.06-1.46%2039.4-55.26%2039.7-59.64s.59-12.73.41-16.26c-.19-3.62-.93-6.51-2.83-10.16s-5.02-7.21-6.91-8.82c-1.9-1.6-25.75-12.31-32.97-13.93c-20.86-4.65-44.79%205.27-44.79%205.27%22%2F%3E%3Cpath%20fill%3D%22%23eaeaea%22%20d%3D%22M15.44%2029.1c.14%204.89%204.08%207.15%2012.11%2011.23S56%2056.38%2064.46%2056.67s39.82-18.77%2044.35-21.7c4.48-2.9%205.23-7.53%201.02-10.69c-5.84-4.37-31.95-16.48-37.49-18.52c-2.83-1.04-10.04-2.66-15.76-.44c-4.52%201.75-33.19%2015.02-35.96%2016.77s-5.25%204.28-5.18%207.01%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.34%2019.12c-1.78-2.01-14.31%204.55-14.31%2010.14c0%205.42%2011.37%2012.32%2014.22%209.76c2.05-1.84-5.21-7.58-4.26-10.9c.94-3.32%205.87-7.3%204.35-9m12.4%2028.96c-1.97%202.85%2010.62%208.98%2018.3%208.98c7.23%200%2019.04-7.06%2017.52-9.11c-2.46-3.32-8.43-.2-17.72%200c-5.12.11-16.05-2.84-18.1.13m45.67-9.04c2.46%201.61%2016.49-5.5%2016.77-9.76s-8.72-9.38-11.28-7.58s.76%203.13-.09%206.25s-8.35%209.16-5.4%2011.09%22%2F%3E%3Cpath%20fill%3D%22%23dfdfdf%22%20d%3D%22M6.48%2045.09c-.15%205.17.16%2036.73.23%2041.01c.07%204.72%201.23%209.97%204.37%2012.66s28.57%2018.82%2034.29%2021.29c8.01%203.46%2015.8-.34%2016.36-8.96c.56-8.63.22-34.96.22-38.54s-1.8-8.86-5.72-11.55s-34.92-20.47-38.1-22.3c-4.48-2.57-11.42-1.34-11.65%206.39%22%2F%3E%3Cpath%20fill%3D%22%23b8b8b8%22%20d%3D%22M70.68%2061.34c-3.36%202.66-4.71%206.5-4.71%2010.64s-.22%2036.08-.11%2039.33s4.71%2011.88%2011.88%209.75c7.41-2.2%2016.81-8.85%2023.53-12.89c6.72-4.03%2011.96-7.45%2014.3-9.37c3-2.45%205.03-8.38%205.14-13.42c.11-4.93-.03-35.79-.12-38.21c-.22-5.68-2.52-10.37-8.68-9.03S75.5%2057.53%2070.68%2061.34%22%2F%3E%3Cellipse%20cx%3D%2264.29%22%20cy%3D%2229.27%22%20fill%3D%22%23fe4e27%22%20rx%3D%2213.81%22%20ry%3D%229.93%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M26.49%2055.55c1.8%205.02%201.26%2010.22-2.59%2011.6s-8.46-2.05-10.23-6.96c-1.81-5.02-1.36-10.23%202.59-11.6c3.87-1.33%208.43%201.94%2010.23%206.96M51.82%2099.6c2.14%204.88%202.02%2010.66-1.72%2012.3s-8.81-1.77-10.92-6.55c-2.15-4.88-1.83-10.23%201.91-11.87c3.75-1.64%208.59%201.24%2010.73%206.12m50.14-32.64c3.27%201.86%208.53-.45%2011.24-5.19c2.71-4.75%202.25-10.1-1.01-11.97c-3.27-1.86-8.44.44-11.15%205.19c-2.71%204.74-2.35%2010.11.92%2011.97M89.04%2088.7c3.32%201.94%208.72-.37%2011.54-5.2c2.82-4.82%202.42-10.31-.9-12.25s-8.83.21-11.65%205.03c-2.82%204.84-2.3%2010.48%201.01%2012.42m-12.83%2022.22c3.21%201.96%208.54-.2%2011.39-4.86s2.55-10.03-.66-11.99s-8.18-.58-11.46%204.61c-2.92%204.61-2.48%2010.28.73%2012.24%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%23cecece%22%20d%3D%22M33.09%2016.55s-11.5%204.75-14.2%206.7c-3.29%202.38-7.29%205.41-9.41%209.46c-2.03%203.87-2.84%206.83-2.99%2011.79s5.15%2046.15%205.15%2046.15s28.72%2027.06%2033.25%2029.11s11.21%204.56%2019.23%204.41s13.29-2.62%2016.36-4.08c3.06-1.46%2039.4-55.26%2039.7-59.64s.59-12.73.41-16.26c-.19-3.62-.93-6.51-2.83-10.16s-5.02-7.21-6.91-8.82c-1.9-1.6-25.75-12.31-32.97-13.93c-20.86-4.65-44.79%205.27-44.79%205.27%22%2F%3E%3Cpath%20fill%3D%22%23eaeaea%22%20d%3D%22M15.44%2029.1c.14%204.89%204.08%207.15%2012.11%2011.23S56%2056.38%2064.46%2056.67s39.82-18.77%2044.35-21.7c4.48-2.9%205.23-7.53%201.02-10.69c-5.84-4.37-31.95-16.48-37.49-18.52c-2.83-1.04-10.04-2.66-15.76-.44c-4.52%201.75-33.19%2015.02-35.96%2016.77s-5.25%204.28-5.18%207.01%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.34%2019.12c-1.78-2.01-14.31%204.55-14.31%2010.14c0%205.42%2011.37%2012.32%2014.22%209.76c2.05-1.84-5.21-7.58-4.26-10.9c.94-3.32%205.87-7.3%204.35-9m12.4%2028.96c-1.97%202.85%2010.62%208.98%2018.3%208.98c7.23%200%2019.04-7.06%2017.52-9.11c-2.46-3.32-8.43-.2-17.72%200c-5.12.11-16.05-2.84-18.1.13m45.67-9.04c2.46%201.61%2016.49-5.5%2016.77-9.76s-8.72-9.38-11.28-7.58s.76%203.13-.09%206.25s-8.35%209.16-5.4%2011.09%22%2F%3E%3Cpath%20fill%3D%22%23dfdfdf%22%20d%3D%22M6.48%2045.09c-.15%205.17.16%2036.73.23%2041.01c.07%204.72%201.23%209.97%204.37%2012.66s28.57%2018.82%2034.29%2021.29c8.01%203.46%2015.8-.34%2016.36-8.96c.56-8.63.22-34.96.22-38.54s-1.8-8.86-5.72-11.55s-34.92-20.47-38.1-22.3c-4.48-2.57-11.42-1.34-11.65%206.39%22%2F%3E%3Cpath%20fill%3D%22%23b8b8b8%22%20d%3D%22M70.68%2061.34c-3.36%202.66-4.71%206.5-4.71%2010.64s-.22%2036.08-.11%2039.33s4.71%2011.88%2011.88%209.75c7.41-2.2%2016.81-8.85%2023.53-12.89c6.72-4.03%2011.96-7.45%2014.3-9.37c3-2.45%205.03-8.38%205.14-13.42c.11-4.93-.03-35.79-.12-38.21c-.22-5.68-2.52-10.37-8.68-9.03S75.5%2057.53%2070.68%2061.34%22%2F%3E%3Cellipse%20cx%3D%2264.29%22%20cy%3D%2229.27%22%20fill%3D%22%23fe4e27%22%20rx%3D%2213.81%22%20ry%3D%229.93%22%2F%3E%3Cpath%20fill%3D%22%232f2f2f%22%20d%3D%22M26.49%2055.55c1.8%205.02%201.26%2010.22-2.59%2011.6s-8.46-2.05-10.23-6.96c-1.81-5.02-1.36-10.23%202.59-11.6c3.87-1.33%208.43%201.94%2010.23%206.96M51.82%2099.6c2.14%204.88%202.02%2010.66-1.72%2012.3s-8.81-1.77-10.92-6.55c-2.15-4.88-1.83-10.23%201.91-11.87c3.75-1.64%208.59%201.24%2010.73%206.12m50.14-32.64c3.27%201.86%208.53-.45%2011.24-5.19c2.71-4.75%202.25-10.1-1.01-11.97c-3.27-1.86-8.44.44-11.15%205.19c-2.71%204.74-2.35%2010.11.92%2011.97M89.04%2088.7c3.32%201.94%208.72-.37%2011.54-5.2c2.82-4.82%202.42-10.31-.9-12.25s-8.83.21-11.65%205.03c-2.82%204.84-2.3%2010.48%201.01%2012.42m-12.83%2022.22c3.21%201.96%208.54-.2%2011.39-4.86s2.55-10.03-.66-11.99s-8.18-.58-11.46%204.61c-2.92%204.61-2.48%2010.28.73%2012.24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 game-die 加一点动效

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

game-die 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

2.33 KB

2,387 字节

viewBox

0 0 128 128

矢量坐标系

图元总数

7

<path> ×6

风格

多色填充

填充跟随容器颜色

同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 2.33 KB(2,387 字节),图元 7 个,风格为多色填充。

常见问题

关于 game-die 图标的下载、商用与改色。

game-die 图标是什么?▾

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

如何下载 game-die 图标?▾

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

game-die 图标可以商用吗?▾

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

如何修改 game-die 图标的颜色?▾

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

Noto Emoji 中的相近图标

video-game
cricket-game