abstract-006 SVG 图标

Q: abstract-006 图标可以商用吗？

game-iconsabstract-006

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

图标 ID: game-icons:abstract-006
中文名: —
所属集合: Game Icons
集合规模: 4,133 枚
基础网格: —
色彩: 单色（可改色）
开源协议: CC-BY-3.0
作者: GameIcons

下载 abstract-006 图标

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

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

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

abstract-006 的预览与使用场景

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

预览颜色

浅色背景

深色背景

灰底融入

在真实界面里长这样

继续按钮内 · 主操作

搜索abstract-006…输入框 · 前缀图标

abstract-006导航菜单 · 选中态

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

9:41

abstract-006

abstract-001

abstract-002

abstract-003

abstract-004

abstract-005

abstract-007

abstract-008

abstract-009

abstract-010

abstract-011

abstract-012手机桌面 · App 图标

abstract-006game-icons.design/icons/abstract-006浏览器 · 标签页与站点图标

各尺寸下的可读性

24px

32px

48px

64px

96px

128px

复制 abstract-006 图标代码

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

svgSVG 源码（内联 HTML）

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M21 21.002a1150 1150 0 0 1 7.346 55.683c11.78-4.153 24.4-6.465 37.612-6.465c62.364 0 112.835 50.47 112.835 112.835s-50.471 112.98-112.835 112.98c-10.04 0-19.83-1.23-29.09-3.673c-.509 26.614-1.533 52.272-3.086 76.986c21.902-4.496 44.543-6.884 66.996-6.905c22.894 0 45.66 2.328 67.436 7.052c23.737 5.217 45.337 12.742 66.703 19.688c21.272 6.852 42.495 13.351 64.791 16.16c34.93 4.465 72.578-.05 104.754-13.075c-30.31 15.273-68.103 22.916-105.93 20.862c-24.078-1.344-47.413-6.302-69.786-11.753c-22.522-5.426-44.525-11.349-66.409-14.398c-44.353-6.3-90.831-1.273-130.612 12.488c-.357 4.36-.786 8.798-1.175 13.076c30.61-9.465 63.372-14.368 95.939-14.398c22.894 0 45.513 2.328 67.29 7.052c23.736 5.217 45.483 12.888 66.848 19.834c21.272 6.852 42.496 13.205 64.792 16.014c34.93 4.465 72.578-.05 104.754-13.076c-30.31 15.273-68.104 22.916-105.93 20.863c-24.078-1.345-47.412-6.303-69.786-11.754c-22.522-5.425-44.525-11.202-66.408-14.251c-56.408-8.012-116.215 2.362-161.319 25.711c-1.742 14.749-3.621 29.047-5.73 42.46c64.848-10.174 146.286-16.308 235.073-16.308c88.722 0 170.1 6.147 234.925 16.308c-6.83-43.572-11.696-94.712-14.25-150.446c-20.776 7.514-43.183 11.607-66.556 11.607c-108.15 0-195.845-87.695-195.845-195.844c0-44.824 15.183-86.02 40.55-119.005C166.572 37.253 85.558 31.16 21 21.002m469.998 0c-54.538 8.574-120.859 14.13-193.347 15.72c-31.864 29.957-51.863 72.408-51.863 119.593c0 90.783 73.621 164.403 164.405 164.403c23.219 0 45.215-4.832 65.232-13.517c-.414-15.162-.695-30.592-.735-46.279c-3.4 2.104-6.81 4.103-10.43 5.877c-.24.117-.497.179-.735.296c-1.402.675-2.83 1.434-4.261 2.057c-.386.164-.791.277-1.176.442a122 122 0 0 1-3.967 1.615c-.333.127-.695.17-1.028.297a121 121 0 0 1-9.403 3.085c-1.608.456-3.215.932-4.848 1.322c-.155.043-.287.113-.442.146c-.598.141-1.162.31-1.763.442c-1.24.272-2.567.5-3.82.734c-1.29.24-2.663.39-3.967.588c-.505.075-.962.22-1.47.297c-.592.084-1.167.072-1.762.145c-3.005.376-6.042.726-9.11.881h-.587c-1.903.09-3.805.146-5.73.146c-67.89 0-122.825-55.082-122.825-122.971c0-2.122.043-4.223.146-6.318c1.166-23.045 8.728-44.473 20.862-62.44c1.103-1.634 2.2-3.126 3.38-4.702c22.388-29.947 58.127-49.365 98.436-49.365c2.135 0 4.209.05 6.318.145c3.068.155 6.104.506 9.109.882c.575.072 1.19.065 1.763.145c.502.073.97.217 1.47.297c1.352.206 2.627.338 3.966.587c.529.099 1.09.188 1.616.296c1.303.259 2.679.58 3.967.882c.15.05.291.112.442.145c1.634.39 3.24.87 4.848 1.323c3.554 1.005 7.017 2.07 10.432 3.379c1.334.51 2.654 1.062 3.966 1.616c.38.16.797.277 1.176.442c.607.263 1.16.608 1.763.881c6.032 2.744 11.873 5.907 17.336 9.55c.202.136.386.306.588.442c1.29.871 2.566 1.726 3.82 2.644c.09.065.207.085.296.146c.908.668 1.772 1.366 2.645 2.057c1.61-13.265 3.382-26.187 5.29-38.346zm-80.805 69.64c-36.314 0-65.674 29.36-65.674 65.673s29.36 65.82 65.674 65.82s65.82-29.507 65.82-65.82s-29.507-65.673-65.82-65.673M65.958 103.13a79.5 79.5 0 0 0-34.38 7.787c3.718 44.759 5.73 93.646 5.73 145.157v1.91a80 80 0 0 0 28.65 5.288c44.207 0 79.924-35.864 79.924-80.07s-35.717-80.072-79.924-80.072"/></svg>

reactReact 组件（TSX）

export function Abstract006Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="1em"
      height="1em"
      viewBox="0 0 512 512"
      fill="currentColor"
      {...props}
      dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" d="M21 21.002a1150 1150 0 0 1 7.346 55.683c11.78-4.153 24.4-6.465 37.612-6.465c62.364 0 112.835 50.47 112.835 112.835s-50.471 112.98-112.835 112.98c-10.04 0-19.83-1.23-29.09-3.673c-.509 26.614-1.533 52.272-3.086 76.986c21.902-4.496 44.543-6.884 66.996-6.905c22.894 0 45.66 2.328 67.436 7.052c23.737 5.217 45.337 12.742 66.703 19.688c21.272 6.852 42.495 13.351 64.791 16.16c34.93 4.465 72.578-.05 104.754-13.075c-30.31 15.273-68.103 22.916-105.93 20.862c-24.078-1.344-47.413-6.302-69.786-11.753c-22.522-5.426-44.525-11.349-66.409-14.398c-44.353-6.3-90.831-1.273-130.612 12.488c-.357 4.36-.786 8.798-1.175 13.076c30.61-9.465 63.372-14.368 95.939-14.398c22.894 0 45.513 2.328 67.29 7.052c23.736 5.217 45.483 12.888 66.848 19.834c21.272 6.852 42.496 13.205 64.792 16.014c34.93 4.465 72.578-.05 104.754-13.076c-30.31 15.273-68.104 22.916-105.93 20.863c-24.078-1.345-47.412-6.303-69.786-11.754c-22.522-5.425-44.525-11.202-66.408-14.251c-56.408-8.012-116.215 2.362-161.319 25.711c-1.742 14.749-3.621 29.047-5.73 42.46c64.848-10.174 146.286-16.308 235.073-16.308c88.722 0 170.1 6.147 234.925 16.308c-6.83-43.572-11.696-94.712-14.25-150.446c-20.776 7.514-43.183 11.607-66.556 11.607c-108.15 0-195.845-87.695-195.845-195.844c0-44.824 15.183-86.02 40.55-119.005C166.572 37.253 85.558 31.16 21 21.002m469.998 0c-54.538 8.574-120.859 14.13-193.347 15.72c-31.864 29.957-51.863 72.408-51.863 119.593c0 90.783 73.621 164.403 164.405 164.403c23.219 0 45.215-4.832 65.232-13.517c-.414-15.162-.695-30.592-.735-46.279c-3.4 2.104-6.81 4.103-10.43 5.877c-.24.117-.497.179-.735.296c-1.402.675-2.83 1.434-4.261 2.057c-.386.164-.791.277-1.176.442a122 122 0 0 1-3.967 1.615c-.333.127-.695.17-1.028.297a121 121 0 0 1-9.403 3.085c-1.608.456-3.215.932-4.848 1.322c-.155.043-.287.113-.442.146c-.598.141-1.162.31-1.763.442c-1.24.272-2.567.5-3.82.734c-1.29.24-2.663.39-3.967.588c-.505.075-.962.22-1.47.297c-.592.084-1.167.072-1.762.145c-3.005.376-6.042.726-9.11.881h-.587c-1.903.09-3.805.146-5.73.146c-67.89 0-122.825-55.082-122.825-122.971c0-2.122.043-4.223.146-6.318c1.166-23.045 8.728-44.473 20.862-62.44c1.103-1.634 2.2-3.126 3.38-4.702c22.388-29.947 58.127-49.365 98.436-49.365c2.135 0 4.209.05 6.318.145c3.068.155 6.104.506 9.109.882c.575.072 1.19.065 1.763.145c.502.073.97.217 1.47.297c1.352.206 2.627.338 3.966.587c.529.099 1.09.188 1.616.296c1.303.259 2.679.58 3.967.882c.15.05.291.112.442.145c1.634.39 3.24.87 4.848 1.323c3.554 1.005 7.017 2.07 10.432 3.379c1.334.51 2.654 1.062 3.966 1.616c.38.16.797.277 1.176.442c.607.263 1.16.608 1.763.881c6.032 2.744 11.873 5.907 17.336 9.55c.202.136.386.306.588.442c1.29.871 2.566 1.726 3.82 2.644c.09.065.207.085.296.146c.908.668 1.772 1.366 2.645 2.057c1.61-13.265 3.382-26.187 5.29-38.346zm-80.805 69.64c-36.314 0-65.674 29.36-65.674 65.673s29.36 65.82 65.674 65.82s65.82-29.507 65.82-65.82s-29.507-65.673-65.82-65.673M65.958 103.13a79.5 79.5 0 0 0-34.38 7.787c3.718 44.759 5.73 93.646 5.73 145.157v1.91a80 80 0 0 0 28.65 5.288c44.207 0 79.924-35.864 79.924-80.07s-35.717-80.072-79.924-80.072"/>` }}
    />
  );
}

vueVue 3 组件

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" fill="currentColor" v-html="body"></svg>
</template>

<script setup>
const body = `<path fill="currentColor" d="M21 21.002a1150 1150 0 0 1 7.346 55.683c11.78-4.153 24.4-6.465 37.612-6.465c62.364 0 112.835 50.47 112.835 112.835s-50.471 112.98-112.835 112.98c-10.04 0-19.83-1.23-29.09-3.673c-.509 26.614-1.533 52.272-3.086 76.986c21.902-4.496 44.543-6.884 66.996-6.905c22.894 0 45.66 2.328 67.436 7.052c23.737 5.217 45.337 12.742 66.703 19.688c21.272 6.852 42.495 13.351 64.791 16.16c34.93 4.465 72.578-.05 104.754-13.075c-30.31 15.273-68.103 22.916-105.93 20.862c-24.078-1.344-47.413-6.302-69.786-11.753c-22.522-5.426-44.525-11.349-66.409-14.398c-44.353-6.3-90.831-1.273-130.612 12.488c-.357 4.36-.786 8.798-1.175 13.076c30.61-9.465 63.372-14.368 95.939-14.398c22.894 0 45.513 2.328 67.29 7.052c23.736 5.217 45.483 12.888 66.848 19.834c21.272 6.852 42.496 13.205 64.792 16.014c34.93 4.465 72.578-.05 104.754-13.076c-30.31 15.273-68.104 22.916-105.93 20.863c-24.078-1.345-47.412-6.303-69.786-11.754c-22.522-5.425-44.525-11.202-66.408-14.251c-56.408-8.012-116.215 2.362-161.319 25.711c-1.742 14.749-3.621 29.047-5.73 42.46c64.848-10.174 146.286-16.308 235.073-16.308c88.722 0 170.1 6.147 234.925 16.308c-6.83-43.572-11.696-94.712-14.25-150.446c-20.776 7.514-43.183 11.607-66.556 11.607c-108.15 0-195.845-87.695-195.845-195.844c0-44.824 15.183-86.02 40.55-119.005C166.572 37.253 85.558 31.16 21 21.002m469.998 0c-54.538 8.574-120.859 14.13-193.347 15.72c-31.864 29.957-51.863 72.408-51.863 119.593c0 90.783 73.621 164.403 164.405 164.403c23.219 0 45.215-4.832 65.232-13.517c-.414-15.162-.695-30.592-.735-46.279c-3.4 2.104-6.81 4.103-10.43 5.877c-.24.117-.497.179-.735.296c-1.402.675-2.83 1.434-4.261 2.057c-.386.164-.791.277-1.176.442a122 122 0 0 1-3.967 1.615c-.333.127-.695.17-1.028.297a121 121 0 0 1-9.403 3.085c-1.608.456-3.215.932-4.848 1.322c-.155.043-.287.113-.442.146c-.598.141-1.162.31-1.763.442c-1.24.272-2.567.5-3.82.734c-1.29.24-2.663.39-3.967.588c-.505.075-.962.22-1.47.297c-.592.084-1.167.072-1.762.145c-3.005.376-6.042.726-9.11.881h-.587c-1.903.09-3.805.146-5.73.146c-67.89 0-122.825-55.082-122.825-122.971c0-2.122.043-4.223.146-6.318c1.166-23.045 8.728-44.473 20.862-62.44c1.103-1.634 2.2-3.126 3.38-4.702c22.388-29.947 58.127-49.365 98.436-49.365c2.135 0 4.209.05 6.318.145c3.068.155 6.104.506 9.109.882c.575.072 1.19.065 1.763.145c.502.073.97.217 1.47.297c1.352.206 2.627.338 3.966.587c.529.099 1.09.188 1.616.296c1.303.259 2.679.58 3.967.882c.15.05.291.112.442.145c1.634.39 3.24.87 4.848 1.323c3.554 1.005 7.017 2.07 10.432 3.379c1.334.51 2.654 1.062 3.966 1.616c.38.16.797.277 1.176.442c.607.263 1.16.608 1.763.881c6.032 2.744 11.873 5.907 17.336 9.55c.202.136.386.306.588.442c1.29.871 2.566 1.726 3.82 2.644c.09.065.207.085.296.146c.908.668 1.772 1.366 2.645 2.057c1.61-13.265 3.382-26.187 5.29-38.346zm-80.805 69.64c-36.314 0-65.674 29.36-65.674 65.673s29.36 65.82 65.674 65.82s65.82-29.507 65.82-65.82s-29.507-65.673-65.82-65.673M65.958 103.13a79.5 79.5 0 0 0-34.38 7.787c3.718 44.759 5.73 93.646 5.73 145.157v1.91a80 80 0 0 0 28.65 5.288c44.207 0 79.924-35.864 79.924-80.07s-35.717-80.072-79.924-80.072"/>`;
</script>

cssCSS mask（随 currentColor 改色）

.abstract-006 {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2021.002a1150%201150%200%200%201%207.346%2055.683c11.78-4.153%2024.4-6.465%2037.612-6.465c62.364%200%20112.835%2050.47%20112.835%20112.835s-50.471%20112.98-112.835%20112.98c-10.04%200-19.83-1.23-29.09-3.673c-.509%2026.614-1.533%2052.272-3.086%2076.986c21.902-4.496%2044.543-6.884%2066.996-6.905c22.894%200%2045.66%202.328%2067.436%207.052c23.737%205.217%2045.337%2012.742%2066.703%2019.688c21.272%206.852%2042.495%2013.351%2064.791%2016.16c34.93%204.465%2072.578-.05%20104.754-13.075c-30.31%2015.273-68.103%2022.916-105.93%2020.862c-24.078-1.344-47.413-6.302-69.786-11.753c-22.522-5.426-44.525-11.349-66.409-14.398c-44.353-6.3-90.831-1.273-130.612%2012.488c-.357%204.36-.786%208.798-1.175%2013.076c30.61-9.465%2063.372-14.368%2095.939-14.398c22.894%200%2045.513%202.328%2067.29%207.052c23.736%205.217%2045.483%2012.888%2066.848%2019.834c21.272%206.852%2042.496%2013.205%2064.792%2016.014c34.93%204.465%2072.578-.05%20104.754-13.076c-30.31%2015.273-68.104%2022.916-105.93%2020.863c-24.078-1.345-47.412-6.303-69.786-11.754c-22.522-5.425-44.525-11.202-66.408-14.251c-56.408-8.012-116.215%202.362-161.319%2025.711c-1.742%2014.749-3.621%2029.047-5.73%2042.46c64.848-10.174%20146.286-16.308%20235.073-16.308c88.722%200%20170.1%206.147%20234.925%2016.308c-6.83-43.572-11.696-94.712-14.25-150.446c-20.776%207.514-43.183%2011.607-66.556%2011.607c-108.15%200-195.845-87.695-195.845-195.844c0-44.824%2015.183-86.02%2040.55-119.005C166.572%2037.253%2085.558%2031.16%2021%2021.002m469.998%200c-54.538%208.574-120.859%2014.13-193.347%2015.72c-31.864%2029.957-51.863%2072.408-51.863%20119.593c0%2090.783%2073.621%20164.403%20164.405%20164.403c23.219%200%2045.215-4.832%2065.232-13.517c-.414-15.162-.695-30.592-.735-46.279c-3.4%202.104-6.81%204.103-10.43%205.877c-.24.117-.497.179-.735.296c-1.402.675-2.83%201.434-4.261%202.057c-.386.164-.791.277-1.176.442a122%20122%200%200%201-3.967%201.615c-.333.127-.695.17-1.028.297a121%20121%200%200%201-9.403%203.085c-1.608.456-3.215.932-4.848%201.322c-.155.043-.287.113-.442.146c-.598.141-1.162.31-1.763.442c-1.24.272-2.567.5-3.82.734c-1.29.24-2.663.39-3.967.588c-.505.075-.962.22-1.47.297c-.592.084-1.167.072-1.762.145c-3.005.376-6.042.726-9.11.881h-.587c-1.903.09-3.805.146-5.73.146c-67.89%200-122.825-55.082-122.825-122.971c0-2.122.043-4.223.146-6.318c1.166-23.045%208.728-44.473%2020.862-62.44c1.103-1.634%202.2-3.126%203.38-4.702c22.388-29.947%2058.127-49.365%2098.436-49.365c2.135%200%204.209.05%206.318.145c3.068.155%206.104.506%209.109.882c.575.072%201.19.065%201.763.145c.502.073.97.217%201.47.297c1.352.206%202.627.338%203.966.587c.529.099%201.09.188%201.616.296c1.303.259%202.679.58%203.967.882c.15.05.291.112.442.145c1.634.39%203.24.87%204.848%201.323c3.554%201.005%207.017%202.07%2010.432%203.379c1.334.51%202.654%201.062%203.966%201.616c.38.16.797.277%201.176.442c.607.263%201.16.608%201.763.881c6.032%202.744%2011.873%205.907%2017.336%209.55c.202.136.386.306.588.442c1.29.871%202.566%201.726%203.82%202.644c.09.065.207.085.296.146c.908.668%201.772%201.366%202.645%202.057c1.61-13.265%203.382-26.187%205.29-38.346zm-80.805%2069.64c-36.314%200-65.674%2029.36-65.674%2065.673s29.36%2065.82%2065.674%2065.82s65.82-29.507%2065.82-65.82s-29.507-65.673-65.82-65.673M65.958%20103.13a79.5%2079.5%200%200%200-34.38%207.787c3.718%2044.759%205.73%2093.646%205.73%20145.157v1.91a80%2080%200%200%200%2028.65%205.288c44.207%200%2079.924-35.864%2079.924-80.07s-35.717-80.072-79.924-80.072%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2021.002a1150%201150%200%200%201%207.346%2055.683c11.78-4.153%2024.4-6.465%2037.612-6.465c62.364%200%20112.835%2050.47%20112.835%20112.835s-50.471%20112.98-112.835%20112.98c-10.04%200-19.83-1.23-29.09-3.673c-.509%2026.614-1.533%2052.272-3.086%2076.986c21.902-4.496%2044.543-6.884%2066.996-6.905c22.894%200%2045.66%202.328%2067.436%207.052c23.737%205.217%2045.337%2012.742%2066.703%2019.688c21.272%206.852%2042.495%2013.351%2064.791%2016.16c34.93%204.465%2072.578-.05%20104.754-13.075c-30.31%2015.273-68.103%2022.916-105.93%2020.862c-24.078-1.344-47.413-6.302-69.786-11.753c-22.522-5.426-44.525-11.349-66.409-14.398c-44.353-6.3-90.831-1.273-130.612%2012.488c-.357%204.36-.786%208.798-1.175%2013.076c30.61-9.465%2063.372-14.368%2095.939-14.398c22.894%200%2045.513%202.328%2067.29%207.052c23.736%205.217%2045.483%2012.888%2066.848%2019.834c21.272%206.852%2042.496%2013.205%2064.792%2016.014c34.93%204.465%2072.578-.05%20104.754-13.076c-30.31%2015.273-68.104%2022.916-105.93%2020.863c-24.078-1.345-47.412-6.303-69.786-11.754c-22.522-5.425-44.525-11.202-66.408-14.251c-56.408-8.012-116.215%202.362-161.319%2025.711c-1.742%2014.749-3.621%2029.047-5.73%2042.46c64.848-10.174%20146.286-16.308%20235.073-16.308c88.722%200%20170.1%206.147%20234.925%2016.308c-6.83-43.572-11.696-94.712-14.25-150.446c-20.776%207.514-43.183%2011.607-66.556%2011.607c-108.15%200-195.845-87.695-195.845-195.844c0-44.824%2015.183-86.02%2040.55-119.005C166.572%2037.253%2085.558%2031.16%2021%2021.002m469.998%200c-54.538%208.574-120.859%2014.13-193.347%2015.72c-31.864%2029.957-51.863%2072.408-51.863%20119.593c0%2090.783%2073.621%20164.403%20164.405%20164.403c23.219%200%2045.215-4.832%2065.232-13.517c-.414-15.162-.695-30.592-.735-46.279c-3.4%202.104-6.81%204.103-10.43%205.877c-.24.117-.497.179-.735.296c-1.402.675-2.83%201.434-4.261%202.057c-.386.164-.791.277-1.176.442a122%20122%200%200%201-3.967%201.615c-.333.127-.695.17-1.028.297a121%20121%200%200%201-9.403%203.085c-1.608.456-3.215.932-4.848%201.322c-.155.043-.287.113-.442.146c-.598.141-1.162.31-1.763.442c-1.24.272-2.567.5-3.82.734c-1.29.24-2.663.39-3.967.588c-.505.075-.962.22-1.47.297c-.592.084-1.167.072-1.762.145c-3.005.376-6.042.726-9.11.881h-.587c-1.903.09-3.805.146-5.73.146c-67.89%200-122.825-55.082-122.825-122.971c0-2.122.043-4.223.146-6.318c1.166-23.045%208.728-44.473%2020.862-62.44c1.103-1.634%202.2-3.126%203.38-4.702c22.388-29.947%2058.127-49.365%2098.436-49.365c2.135%200%204.209.05%206.318.145c3.068.155%206.104.506%209.109.882c.575.072%201.19.065%201.763.145c.502.073.97.217%201.47.297c1.352.206%202.627.338%203.966.587c.529.099%201.09.188%201.616.296c1.303.259%202.679.58%203.967.882c.15.05.291.112.442.145c1.634.39%203.24.87%204.848%201.323c3.554%201.005%207.017%202.07%2010.432%203.379c1.334.51%202.654%201.062%203.966%201.616c.38.16.797.277%201.176.442c.607.263%201.16.608%201.763.881c6.032%202.744%2011.873%205.907%2017.336%209.55c.202.136.386.306.588.442c1.29.871%202.566%201.726%203.82%202.644c.09.065.207.085.296.146c.908.668%201.772%201.366%202.645%202.057c1.61-13.265%203.382-26.187%205.29-38.346zm-80.805%2069.64c-36.314%200-65.674%2029.36-65.674%2065.673s29.36%2065.82%2065.674%2065.82s65.82-29.507%2065.82-65.82s-29.507-65.673-65.82-65.673M65.958%20103.13a79.5%2079.5%200%200%200-34.38%207.787c3.718%2044.759%205.73%2093.646%205.73%20145.157v1.91a80%2080%200%200%200%2028.65%205.288c44.207%200%2079.924-35.864%2079.924-80.07s-35.717-80.072-79.924-80.072%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 abstract-006 加一点动效

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

呼吸

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

css呼吸动效样式

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

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

旋转

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

css旋转动效样式

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

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

SVG 健康报告

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

文件体积

3.06 KB

3,135 字节

viewBox

0 0 512 512

矢量坐标系

图元总数

<path> ×1

风格

单色（跟随 currentColor）

填充跟随容器颜色

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

常见问题

关于 abstract-006 图标的下载、商用与改色。

abstract-006 图标是什么？▾

它是 Game Icons（game-icons）开源图标集中的 abstract-006 图标，单色（跟随 currentColor），viewBox 为 0 0 512 512，文件仅 3.06 KB，矢量格式可无损缩放到任意尺寸。

如何下载 abstract-006 图标？▾

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

abstract-006 图标可以商用吗？▾

如何修改 abstract-006 图标的颜色？▾

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