找找图标

abstract-001 SVG 图标

game-iconsabstract-001

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

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

下载 abstract-001 图标

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

px

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

abstract-001 的预览与使用场景

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

预览颜色
abstract-001 图标 浅色背景预览浅色背景
abstract-001 图标 深色背景预览深色背景
abstract-001 图标 灰底融入预览灰底融入

在真实界面里长这样

继续按钮内 · 主操作
搜索abstract-001…输入框 · 前缀图标
abstract-001导航菜单 · 选中态
暂无内容空状态 · 引导提示
9:41abstract-001 App 图标abstract-001abstract-002abstract-003abstract-004abstract-005abstract-006abstract-007abstract-008abstract-009abstract-010abstract-011abstract-012手机桌面 · App 图标
abstract-001game-icons.design/icons/abstract-001浏览器 · 标签页与站点图标

各尺寸下的可读性

abstract-001 图标 24px 渲染24pxabstract-001 图标 32px 渲染32pxabstract-001 图标 48px 渲染48pxabstract-001 图标 64px 渲染64pxabstract-001 图标 96px 渲染96pxabstract-001 图标 128px 渲染128px

复制 abstract-001 图标代码

内联 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="M491 189.465c0-26.677-23.496-48.468-52.581-48.468c-3.79 0-7.602.328-11.163 1.027c.174-1.41.409-2.719.587-4.112c.418-3.251.872-6.399 1.322-9.547c.216-1.52.362-3.058.587-4.553c.05-.24.113-.494.146-.735c1.52-10.006 3.16-19.408 4.994-28.2c.108-.518.333-.955.441-1.468a402 402 0 0 1 1.616-7.197c.658-2.842 1.22-5.69 1.91-8.372c-.667.949-1.257 1.89-1.91 2.937c-.22.358-.512.804-.734 1.175c-.297.5-.586.95-.882 1.47c-.24.417-.498.887-.734 1.321c-.343.63-.687 1.252-1.028 1.91s-.544 1.218-.881 1.909c-.414.84-.769 1.763-1.175 2.643c-.46 1.005-1.018 2.029-1.469 3.085c-1.743 4.054-3.398 8.438-4.994 13.219c-.59 1.774-1.193 3.568-1.762 5.434c-10.64-4.344-22.42-6.756-34.81-6.756c-27.267 0-51.524 11.631-67.269 29.815c-.319.05-.56.263-.88.296c6.63 35.91 10.427 76.55 10.427 119.704c0 43.185-3.787 83.777-10.428 119.703c.353.044.678.113 1.028.146c15.746 18.127 39.883 29.815 67.123 29.815c12.395 0 24.17-2.41 34.809-6.755c.57 1.865 1.172 3.66 1.762 5.434c1.784 5.344 3.614 10.255 5.582 14.687c.432.98.882 1.858 1.322 2.791c.235.49.5.992.734 1.469c.338.69.54 1.247.881 1.91s.684 1.28 1.028 1.909c.235.432.496.9.734 1.321c.47.822.993 1.58 1.47 2.35c.05.085.093.202.145.297c.652 1.047 1.243 1.989 1.909 2.937c-1.26-4.9-2.374-9.996-3.525-15.422a520 520 0 0 1-5.434-29.816c-.263-1.74-.481-3.513-.735-5.287c-.451-3.143-.905-6.302-1.322-9.547c-.178-1.371-.418-2.723-.587-4.113c3.561.7 7.372 1.028 11.163 1.028c29.085 0 52.581-21.644 52.581-48.321s-23.496-48.323-52.581-48.323c-6.07 0-11.91.91-17.332 2.644c-.136-6.895-.296-13.801-.296-20.856s.16-14.109.296-21.003c5.421 1.733 11.263 2.79 17.332 2.79c29.085 0 52.581-21.644 52.581-48.322zm-13.512-.734c0 11.932-9.66 21.591-21.591 21.591s-21.591-9.66-21.591-21.591s9.66-21.59 21.59-21.59s21.591 9.66 21.591 21.59m0 134.538c0 11.932-9.66 21.591-21.591 21.591s-21.591-9.66-21.591-21.59s9.66-21.592 21.59-21.592s21.591 9.661 21.591 21.591m-59.632-189.763c-.05.178.043.408 0 .587c-.104.46-.339.857-.442 1.322c-.76 3.457-1.358 6.91-2.056 10.575c-17.465 7.866-29.522 24.414-29.522 43.475c0 15.638 8.015 29.499 20.563 38.335c-.165 4.092-.202 8.164-.296 12.337c-19.056-10.212-31.873-28.963-31.873-50.672c0-25.972 18.19-48.117 43.623-55.96zm0 244.842c-25.432-7.843-43.622-29.841-43.622-55.813c0-21.708 12.817-40.607 31.872-50.82c.094 4.174.132 8.246.296 12.338v.146c-12.547 8.836-20.562 22.696-20.562 38.334c0 19.06 12.057 35.462 29.521 43.328c.7 3.666 1.297 7.118 2.057 10.575c.145.653.296 1.264.441 1.91zM320.77 256c0-85.492-14.63-157.254-34.369-176.544C292.881 127.32 296.83 188.924 296.83 256s-3.949 128.534-10.428 176.398c19.739-19.29 34.369-90.906 34.369-176.398m-36.131 0c0-129.805-12.745-235.001-28.494-235.001S227.652 126.195 227.652 256s12.744 235.001 28.494 235.001S284.64 385.805 284.64 256M225.743 79.456c-19.739 19.29-34.37 91.052-34.37 176.544s14.63 157.108 34.37 176.398c-6.48-47.864-10.429-109.322-10.429-176.398s3.95-128.68 10.429-176.544m-33.929 56.84c-.32-.043-.56-.262-.881-.296c-15.744-18.183-40.001-29.815-67.27-29.815c-12.805 0-25.064 2.724-35.983 7.344c-1.016-3.356-2-6.642-3.085-9.694a173 173 0 0 0-2.35-6.169c-.05-.075-.117-.072-.145-.145c-.607-1.516-1.286-2.987-1.91-4.407c-1.966-4.45-3.895-8.445-6.022-11.897a68 68 0 0 0-2.203-3.378c.61 2.37 1.179 4.848 1.762 7.344c.343 1.455.696 2.91 1.029 4.406c.235 1.069.503 2.142.734 3.231l.442 2.056c2.932 14.135 5.384 29.865 7.49 47c-3.136-.535-6.387-.88-9.694-.88C44.643 140.996 21 162.64 21 189.318s23.643 48.469 52.728 48.469c5.589 0 10.96-.87 16.01-2.35c.127 6.767.296 13.642.296 20.562s-.164 13.649-.296 20.416c-5.05-1.482-10.421-2.203-16.01-2.203c-29.085 0-52.728 21.644-52.728 48.322s23.643 48.322 52.728 48.322c3.307 0 6.558-.348 9.694-.881c-2.206 17.949-4.82 34.419-7.931 49.056c-.235 1.103-.495 2.15-.734 3.231a338 338 0 0 1-2.79 11.75c.728-1.038 1.49-2.073 2.202-3.23c2.127-3.453 4.056-7.594 6.022-12.045c.624-1.42 1.304-2.744 1.91-4.26c.05-.074.117-.211.145-.29c.05-.127.095-.315.146-.442c.581-1.467 1.198-3.002 1.762-4.554c.367-1.01.67-2.038 1.028-3.084c.235-.683.503-1.505.735-2.203v-.146c.584-1.765 1.2-3.43 1.762-5.287c10.92 4.622 23.173 7.196 35.984 7.196c27.24 0 51.377-11.688 67.123-29.815c.352-.043.677-.108 1.028-.146c-6.64-35.926-10.428-76.518-10.428-119.703c0-43.155 3.796-83.795 10.428-119.704zm-53.903 53.17c0 22.195-13.427 41.367-33.194 51.406c-.084-4.096-.141-8.17-.296-12.19c13.304-8.774 21.884-23.032 21.884-39.217c0-19.566-12.623-36.462-30.844-44.063c-.065-.328-.084-.556-.145-.88c-.693-3.56-1.594-7.06-2.35-10.429c-.072-.305-.075-.575-.146-.88c26.144 7.46 45.09 29.815 45.09 56.252zm0 133.069c0 26.437-18.947 48.791-45.091 56.253c.17-.745.418-1.598.587-2.35a380 380 0 0 0 2.057-9.988c18.22-7.6 30.843-24.349 30.843-43.915c0-16.185-8.58-30.59-21.884-39.363c.155-4.02.207-7.949.296-12.044v-.145c19.767 10.038 33.194 29.358 33.194 51.553zM77.839 188.73c0 11.932-9.66 21.591-21.59 21.591s-21.592-9.66-21.592-21.591s9.66-21.59 21.591-21.59s21.59 9.66 21.59 21.59m0 134.538c0 11.932-9.66 21.591-21.59 21.591s-21.592-9.66-21.592-21.59s9.66-21.592 21.591-21.592s21.59 9.661 21.59 21.591"/></svg>
reactReact 组件(TSX)
export function Abstract001Icon(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="M491 189.465c0-26.677-23.496-48.468-52.581-48.468c-3.79 0-7.602.328-11.163 1.027c.174-1.41.409-2.719.587-4.112c.418-3.251.872-6.399 1.322-9.547c.216-1.52.362-3.058.587-4.553c.05-.24.113-.494.146-.735c1.52-10.006 3.16-19.408 4.994-28.2c.108-.518.333-.955.441-1.468a402 402 0 0 1 1.616-7.197c.658-2.842 1.22-5.69 1.91-8.372c-.667.949-1.257 1.89-1.91 2.937c-.22.358-.512.804-.734 1.175c-.297.5-.586.95-.882 1.47c-.24.417-.498.887-.734 1.321c-.343.63-.687 1.252-1.028 1.91s-.544 1.218-.881 1.909c-.414.84-.769 1.763-1.175 2.643c-.46 1.005-1.018 2.029-1.469 3.085c-1.743 4.054-3.398 8.438-4.994 13.219c-.59 1.774-1.193 3.568-1.762 5.434c-10.64-4.344-22.42-6.756-34.81-6.756c-27.267 0-51.524 11.631-67.269 29.815c-.319.05-.56.263-.88.296c6.63 35.91 10.427 76.55 10.427 119.704c0 43.185-3.787 83.777-10.428 119.703c.353.044.678.113 1.028.146c15.746 18.127 39.883 29.815 67.123 29.815c12.395 0 24.17-2.41 34.809-6.755c.57 1.865 1.172 3.66 1.762 5.434c1.784 5.344 3.614 10.255 5.582 14.687c.432.98.882 1.858 1.322 2.791c.235.49.5.992.734 1.469c.338.69.54 1.247.881 1.91s.684 1.28 1.028 1.909c.235.432.496.9.734 1.321c.47.822.993 1.58 1.47 2.35c.05.085.093.202.145.297c.652 1.047 1.243 1.989 1.909 2.937c-1.26-4.9-2.374-9.996-3.525-15.422a520 520 0 0 1-5.434-29.816c-.263-1.74-.481-3.513-.735-5.287c-.451-3.143-.905-6.302-1.322-9.547c-.178-1.371-.418-2.723-.587-4.113c3.561.7 7.372 1.028 11.163 1.028c29.085 0 52.581-21.644 52.581-48.321s-23.496-48.323-52.581-48.323c-6.07 0-11.91.91-17.332 2.644c-.136-6.895-.296-13.801-.296-20.856s.16-14.109.296-21.003c5.421 1.733 11.263 2.79 17.332 2.79c29.085 0 52.581-21.644 52.581-48.322zm-13.512-.734c0 11.932-9.66 21.591-21.591 21.591s-21.591-9.66-21.591-21.591s9.66-21.59 21.59-21.59s21.591 9.66 21.591 21.59m0 134.538c0 11.932-9.66 21.591-21.591 21.591s-21.591-9.66-21.591-21.59s9.66-21.592 21.59-21.592s21.591 9.661 21.591 21.591m-59.632-189.763c-.05.178.043.408 0 .587c-.104.46-.339.857-.442 1.322c-.76 3.457-1.358 6.91-2.056 10.575c-17.465 7.866-29.522 24.414-29.522 43.475c0 15.638 8.015 29.499 20.563 38.335c-.165 4.092-.202 8.164-.296 12.337c-19.056-10.212-31.873-28.963-31.873-50.672c0-25.972 18.19-48.117 43.623-55.96zm0 244.842c-25.432-7.843-43.622-29.841-43.622-55.813c0-21.708 12.817-40.607 31.872-50.82c.094 4.174.132 8.246.296 12.338v.146c-12.547 8.836-20.562 22.696-20.562 38.334c0 19.06 12.057 35.462 29.521 43.328c.7 3.666 1.297 7.118 2.057 10.575c.145.653.296 1.264.441 1.91zM320.77 256c0-85.492-14.63-157.254-34.369-176.544C292.881 127.32 296.83 188.924 296.83 256s-3.949 128.534-10.428 176.398c19.739-19.29 34.369-90.906 34.369-176.398m-36.131 0c0-129.805-12.745-235.001-28.494-235.001S227.652 126.195 227.652 256s12.744 235.001 28.494 235.001S284.64 385.805 284.64 256M225.743 79.456c-19.739 19.29-34.37 91.052-34.37 176.544s14.63 157.108 34.37 176.398c-6.48-47.864-10.429-109.322-10.429-176.398s3.95-128.68 10.429-176.544m-33.929 56.84c-.32-.043-.56-.262-.881-.296c-15.744-18.183-40.001-29.815-67.27-29.815c-12.805 0-25.064 2.724-35.983 7.344c-1.016-3.356-2-6.642-3.085-9.694a173 173 0 0 0-2.35-6.169c-.05-.075-.117-.072-.145-.145c-.607-1.516-1.286-2.987-1.91-4.407c-1.966-4.45-3.895-8.445-6.022-11.897a68 68 0 0 0-2.203-3.378c.61 2.37 1.179 4.848 1.762 7.344c.343 1.455.696 2.91 1.029 4.406c.235 1.069.503 2.142.734 3.231l.442 2.056c2.932 14.135 5.384 29.865 7.49 47c-3.136-.535-6.387-.88-9.694-.88C44.643 140.996 21 162.64 21 189.318s23.643 48.469 52.728 48.469c5.589 0 10.96-.87 16.01-2.35c.127 6.767.296 13.642.296 20.562s-.164 13.649-.296 20.416c-5.05-1.482-10.421-2.203-16.01-2.203c-29.085 0-52.728 21.644-52.728 48.322s23.643 48.322 52.728 48.322c3.307 0 6.558-.348 9.694-.881c-2.206 17.949-4.82 34.419-7.931 49.056c-.235 1.103-.495 2.15-.734 3.231a338 338 0 0 1-2.79 11.75c.728-1.038 1.49-2.073 2.202-3.23c2.127-3.453 4.056-7.594 6.022-12.045c.624-1.42 1.304-2.744 1.91-4.26c.05-.074.117-.211.145-.29c.05-.127.095-.315.146-.442c.581-1.467 1.198-3.002 1.762-4.554c.367-1.01.67-2.038 1.028-3.084c.235-.683.503-1.505.735-2.203v-.146c.584-1.765 1.2-3.43 1.762-5.287c10.92 4.622 23.173 7.196 35.984 7.196c27.24 0 51.377-11.688 67.123-29.815c.352-.043.677-.108 1.028-.146c-6.64-35.926-10.428-76.518-10.428-119.703c0-43.155 3.796-83.795 10.428-119.704zm-53.903 53.17c0 22.195-13.427 41.367-33.194 51.406c-.084-4.096-.141-8.17-.296-12.19c13.304-8.774 21.884-23.032 21.884-39.217c0-19.566-12.623-36.462-30.844-44.063c-.065-.328-.084-.556-.145-.88c-.693-3.56-1.594-7.06-2.35-10.429c-.072-.305-.075-.575-.146-.88c26.144 7.46 45.09 29.815 45.09 56.252zm0 133.069c0 26.437-18.947 48.791-45.091 56.253c.17-.745.418-1.598.587-2.35a380 380 0 0 0 2.057-9.988c18.22-7.6 30.843-24.349 30.843-43.915c0-16.185-8.58-30.59-21.884-39.363c.155-4.02.207-7.949.296-12.044v-.145c19.767 10.038 33.194 29.358 33.194 51.553zM77.839 188.73c0 11.932-9.66 21.591-21.59 21.591s-21.592-9.66-21.592-21.591s9.66-21.59 21.591-21.59s21.59 9.66 21.59 21.59m0 134.538c0 11.932-9.66 21.591-21.59 21.591s-21.592-9.66-21.592-21.59s9.66-21.592 21.591-21.592s21.59 9.661 21.59 21.591"/>` }}
    />
  );
}
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="M491 189.465c0-26.677-23.496-48.468-52.581-48.468c-3.79 0-7.602.328-11.163 1.027c.174-1.41.409-2.719.587-4.112c.418-3.251.872-6.399 1.322-9.547c.216-1.52.362-3.058.587-4.553c.05-.24.113-.494.146-.735c1.52-10.006 3.16-19.408 4.994-28.2c.108-.518.333-.955.441-1.468a402 402 0 0 1 1.616-7.197c.658-2.842 1.22-5.69 1.91-8.372c-.667.949-1.257 1.89-1.91 2.937c-.22.358-.512.804-.734 1.175c-.297.5-.586.95-.882 1.47c-.24.417-.498.887-.734 1.321c-.343.63-.687 1.252-1.028 1.91s-.544 1.218-.881 1.909c-.414.84-.769 1.763-1.175 2.643c-.46 1.005-1.018 2.029-1.469 3.085c-1.743 4.054-3.398 8.438-4.994 13.219c-.59 1.774-1.193 3.568-1.762 5.434c-10.64-4.344-22.42-6.756-34.81-6.756c-27.267 0-51.524 11.631-67.269 29.815c-.319.05-.56.263-.88.296c6.63 35.91 10.427 76.55 10.427 119.704c0 43.185-3.787 83.777-10.428 119.703c.353.044.678.113 1.028.146c15.746 18.127 39.883 29.815 67.123 29.815c12.395 0 24.17-2.41 34.809-6.755c.57 1.865 1.172 3.66 1.762 5.434c1.784 5.344 3.614 10.255 5.582 14.687c.432.98.882 1.858 1.322 2.791c.235.49.5.992.734 1.469c.338.69.54 1.247.881 1.91s.684 1.28 1.028 1.909c.235.432.496.9.734 1.321c.47.822.993 1.58 1.47 2.35c.05.085.093.202.145.297c.652 1.047 1.243 1.989 1.909 2.937c-1.26-4.9-2.374-9.996-3.525-15.422a520 520 0 0 1-5.434-29.816c-.263-1.74-.481-3.513-.735-5.287c-.451-3.143-.905-6.302-1.322-9.547c-.178-1.371-.418-2.723-.587-4.113c3.561.7 7.372 1.028 11.163 1.028c29.085 0 52.581-21.644 52.581-48.321s-23.496-48.323-52.581-48.323c-6.07 0-11.91.91-17.332 2.644c-.136-6.895-.296-13.801-.296-20.856s.16-14.109.296-21.003c5.421 1.733 11.263 2.79 17.332 2.79c29.085 0 52.581-21.644 52.581-48.322zm-13.512-.734c0 11.932-9.66 21.591-21.591 21.591s-21.591-9.66-21.591-21.591s9.66-21.59 21.59-21.59s21.591 9.66 21.591 21.59m0 134.538c0 11.932-9.66 21.591-21.591 21.591s-21.591-9.66-21.591-21.59s9.66-21.592 21.59-21.592s21.591 9.661 21.591 21.591m-59.632-189.763c-.05.178.043.408 0 .587c-.104.46-.339.857-.442 1.322c-.76 3.457-1.358 6.91-2.056 10.575c-17.465 7.866-29.522 24.414-29.522 43.475c0 15.638 8.015 29.499 20.563 38.335c-.165 4.092-.202 8.164-.296 12.337c-19.056-10.212-31.873-28.963-31.873-50.672c0-25.972 18.19-48.117 43.623-55.96zm0 244.842c-25.432-7.843-43.622-29.841-43.622-55.813c0-21.708 12.817-40.607 31.872-50.82c.094 4.174.132 8.246.296 12.338v.146c-12.547 8.836-20.562 22.696-20.562 38.334c0 19.06 12.057 35.462 29.521 43.328c.7 3.666 1.297 7.118 2.057 10.575c.145.653.296 1.264.441 1.91zM320.77 256c0-85.492-14.63-157.254-34.369-176.544C292.881 127.32 296.83 188.924 296.83 256s-3.949 128.534-10.428 176.398c19.739-19.29 34.369-90.906 34.369-176.398m-36.131 0c0-129.805-12.745-235.001-28.494-235.001S227.652 126.195 227.652 256s12.744 235.001 28.494 235.001S284.64 385.805 284.64 256M225.743 79.456c-19.739 19.29-34.37 91.052-34.37 176.544s14.63 157.108 34.37 176.398c-6.48-47.864-10.429-109.322-10.429-176.398s3.95-128.68 10.429-176.544m-33.929 56.84c-.32-.043-.56-.262-.881-.296c-15.744-18.183-40.001-29.815-67.27-29.815c-12.805 0-25.064 2.724-35.983 7.344c-1.016-3.356-2-6.642-3.085-9.694a173 173 0 0 0-2.35-6.169c-.05-.075-.117-.072-.145-.145c-.607-1.516-1.286-2.987-1.91-4.407c-1.966-4.45-3.895-8.445-6.022-11.897a68 68 0 0 0-2.203-3.378c.61 2.37 1.179 4.848 1.762 7.344c.343 1.455.696 2.91 1.029 4.406c.235 1.069.503 2.142.734 3.231l.442 2.056c2.932 14.135 5.384 29.865 7.49 47c-3.136-.535-6.387-.88-9.694-.88C44.643 140.996 21 162.64 21 189.318s23.643 48.469 52.728 48.469c5.589 0 10.96-.87 16.01-2.35c.127 6.767.296 13.642.296 20.562s-.164 13.649-.296 20.416c-5.05-1.482-10.421-2.203-16.01-2.203c-29.085 0-52.728 21.644-52.728 48.322s23.643 48.322 52.728 48.322c3.307 0 6.558-.348 9.694-.881c-2.206 17.949-4.82 34.419-7.931 49.056c-.235 1.103-.495 2.15-.734 3.231a338 338 0 0 1-2.79 11.75c.728-1.038 1.49-2.073 2.202-3.23c2.127-3.453 4.056-7.594 6.022-12.045c.624-1.42 1.304-2.744 1.91-4.26c.05-.074.117-.211.145-.29c.05-.127.095-.315.146-.442c.581-1.467 1.198-3.002 1.762-4.554c.367-1.01.67-2.038 1.028-3.084c.235-.683.503-1.505.735-2.203v-.146c.584-1.765 1.2-3.43 1.762-5.287c10.92 4.622 23.173 7.196 35.984 7.196c27.24 0 51.377-11.688 67.123-29.815c.352-.043.677-.108 1.028-.146c-6.64-35.926-10.428-76.518-10.428-119.703c0-43.155 3.796-83.795 10.428-119.704zm-53.903 53.17c0 22.195-13.427 41.367-33.194 51.406c-.084-4.096-.141-8.17-.296-12.19c13.304-8.774 21.884-23.032 21.884-39.217c0-19.566-12.623-36.462-30.844-44.063c-.065-.328-.084-.556-.145-.88c-.693-3.56-1.594-7.06-2.35-10.429c-.072-.305-.075-.575-.146-.88c26.144 7.46 45.09 29.815 45.09 56.252zm0 133.069c0 26.437-18.947 48.791-45.091 56.253c.17-.745.418-1.598.587-2.35a380 380 0 0 0 2.057-9.988c18.22-7.6 30.843-24.349 30.843-43.915c0-16.185-8.58-30.59-21.884-39.363c.155-4.02.207-7.949.296-12.044v-.145c19.767 10.038 33.194 29.358 33.194 51.553zM77.839 188.73c0 11.932-9.66 21.591-21.59 21.591s-21.592-9.66-21.592-21.591s9.66-21.59 21.591-21.59s21.59 9.66 21.59 21.59m0 134.538c0 11.932-9.66 21.591-21.59 21.591s-21.592-9.66-21.592-21.59s9.66-21.592 21.591-21.592s21.59 9.661 21.59 21.591"/>`;
</script>
cssCSS mask(随 currentColor 改色)
.abstract-001 {
  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%22M491%20189.465c0-26.677-23.496-48.468-52.581-48.468c-3.79%200-7.602.328-11.163%201.027c.174-1.41.409-2.719.587-4.112c.418-3.251.872-6.399%201.322-9.547c.216-1.52.362-3.058.587-4.553c.05-.24.113-.494.146-.735c1.52-10.006%203.16-19.408%204.994-28.2c.108-.518.333-.955.441-1.468a402%20402%200%200%201%201.616-7.197c.658-2.842%201.22-5.69%201.91-8.372c-.667.949-1.257%201.89-1.91%202.937c-.22.358-.512.804-.734%201.175c-.297.5-.586.95-.882%201.47c-.24.417-.498.887-.734%201.321c-.343.63-.687%201.252-1.028%201.91s-.544%201.218-.881%201.909c-.414.84-.769%201.763-1.175%202.643c-.46%201.005-1.018%202.029-1.469%203.085c-1.743%204.054-3.398%208.438-4.994%2013.219c-.59%201.774-1.193%203.568-1.762%205.434c-10.64-4.344-22.42-6.756-34.81-6.756c-27.267%200-51.524%2011.631-67.269%2029.815c-.319.05-.56.263-.88.296c6.63%2035.91%2010.427%2076.55%2010.427%20119.704c0%2043.185-3.787%2083.777-10.428%20119.703c.353.044.678.113%201.028.146c15.746%2018.127%2039.883%2029.815%2067.123%2029.815c12.395%200%2024.17-2.41%2034.809-6.755c.57%201.865%201.172%203.66%201.762%205.434c1.784%205.344%203.614%2010.255%205.582%2014.687c.432.98.882%201.858%201.322%202.791c.235.49.5.992.734%201.469c.338.69.54%201.247.881%201.91s.684%201.28%201.028%201.909c.235.432.496.9.734%201.321c.47.822.993%201.58%201.47%202.35c.05.085.093.202.145.297c.652%201.047%201.243%201.989%201.909%202.937c-1.26-4.9-2.374-9.996-3.525-15.422a520%20520%200%200%201-5.434-29.816c-.263-1.74-.481-3.513-.735-5.287c-.451-3.143-.905-6.302-1.322-9.547c-.178-1.371-.418-2.723-.587-4.113c3.561.7%207.372%201.028%2011.163%201.028c29.085%200%2052.581-21.644%2052.581-48.321s-23.496-48.323-52.581-48.323c-6.07%200-11.91.91-17.332%202.644c-.136-6.895-.296-13.801-.296-20.856s.16-14.109.296-21.003c5.421%201.733%2011.263%202.79%2017.332%202.79c29.085%200%2052.581-21.644%2052.581-48.322zm-13.512-.734c0%2011.932-9.66%2021.591-21.591%2021.591s-21.591-9.66-21.591-21.591s9.66-21.59%2021.59-21.59s21.591%209.66%2021.591%2021.59m0%20134.538c0%2011.932-9.66%2021.591-21.591%2021.591s-21.591-9.66-21.591-21.59s9.66-21.592%2021.59-21.592s21.591%209.661%2021.591%2021.591m-59.632-189.763c-.05.178.043.408%200%20.587c-.104.46-.339.857-.442%201.322c-.76%203.457-1.358%206.91-2.056%2010.575c-17.465%207.866-29.522%2024.414-29.522%2043.475c0%2015.638%208.015%2029.499%2020.563%2038.335c-.165%204.092-.202%208.164-.296%2012.337c-19.056-10.212-31.873-28.963-31.873-50.672c0-25.972%2018.19-48.117%2043.623-55.96zm0%20244.842c-25.432-7.843-43.622-29.841-43.622-55.813c0-21.708%2012.817-40.607%2031.872-50.82c.094%204.174.132%208.246.296%2012.338v.146c-12.547%208.836-20.562%2022.696-20.562%2038.334c0%2019.06%2012.057%2035.462%2029.521%2043.328c.7%203.666%201.297%207.118%202.057%2010.575c.145.653.296%201.264.441%201.91zM320.77%20256c0-85.492-14.63-157.254-34.369-176.544C292.881%20127.32%20296.83%20188.924%20296.83%20256s-3.949%20128.534-10.428%20176.398c19.739-19.29%2034.369-90.906%2034.369-176.398m-36.131%200c0-129.805-12.745-235.001-28.494-235.001S227.652%20126.195%20227.652%20256s12.744%20235.001%2028.494%20235.001S284.64%20385.805%20284.64%20256M225.743%2079.456c-19.739%2019.29-34.37%2091.052-34.37%20176.544s14.63%20157.108%2034.37%20176.398c-6.48-47.864-10.429-109.322-10.429-176.398s3.95-128.68%2010.429-176.544m-33.929%2056.84c-.32-.043-.56-.262-.881-.296c-15.744-18.183-40.001-29.815-67.27-29.815c-12.805%200-25.064%202.724-35.983%207.344c-1.016-3.356-2-6.642-3.085-9.694a173%20173%200%200%200-2.35-6.169c-.05-.075-.117-.072-.145-.145c-.607-1.516-1.286-2.987-1.91-4.407c-1.966-4.45-3.895-8.445-6.022-11.897a68%2068%200%200%200-2.203-3.378c.61%202.37%201.179%204.848%201.762%207.344c.343%201.455.696%202.91%201.029%204.406c.235%201.069.503%202.142.734%203.231l.442%202.056c2.932%2014.135%205.384%2029.865%207.49%2047c-3.136-.535-6.387-.88-9.694-.88C44.643%20140.996%2021%20162.64%2021%20189.318s23.643%2048.469%2052.728%2048.469c5.589%200%2010.96-.87%2016.01-2.35c.127%206.767.296%2013.642.296%2020.562s-.164%2013.649-.296%2020.416c-5.05-1.482-10.421-2.203-16.01-2.203c-29.085%200-52.728%2021.644-52.728%2048.322s23.643%2048.322%2052.728%2048.322c3.307%200%206.558-.348%209.694-.881c-2.206%2017.949-4.82%2034.419-7.931%2049.056c-.235%201.103-.495%202.15-.734%203.231a338%20338%200%200%201-2.79%2011.75c.728-1.038%201.49-2.073%202.202-3.23c2.127-3.453%204.056-7.594%206.022-12.045c.624-1.42%201.304-2.744%201.91-4.26c.05-.074.117-.211.145-.29c.05-.127.095-.315.146-.442c.581-1.467%201.198-3.002%201.762-4.554c.367-1.01.67-2.038%201.028-3.084c.235-.683.503-1.505.735-2.203v-.146c.584-1.765%201.2-3.43%201.762-5.287c10.92%204.622%2023.173%207.196%2035.984%207.196c27.24%200%2051.377-11.688%2067.123-29.815c.352-.043.677-.108%201.028-.146c-6.64-35.926-10.428-76.518-10.428-119.703c0-43.155%203.796-83.795%2010.428-119.704zm-53.903%2053.17c0%2022.195-13.427%2041.367-33.194%2051.406c-.084-4.096-.141-8.17-.296-12.19c13.304-8.774%2021.884-23.032%2021.884-39.217c0-19.566-12.623-36.462-30.844-44.063c-.065-.328-.084-.556-.145-.88c-.693-3.56-1.594-7.06-2.35-10.429c-.072-.305-.075-.575-.146-.88c26.144%207.46%2045.09%2029.815%2045.09%2056.252zm0%20133.069c0%2026.437-18.947%2048.791-45.091%2056.253c.17-.745.418-1.598.587-2.35a380%20380%200%200%200%202.057-9.988c18.22-7.6%2030.843-24.349%2030.843-43.915c0-16.185-8.58-30.59-21.884-39.363c.155-4.02.207-7.949.296-12.044v-.145c19.767%2010.038%2033.194%2029.358%2033.194%2051.553zM77.839%20188.73c0%2011.932-9.66%2021.591-21.59%2021.591s-21.592-9.66-21.592-21.591s9.66-21.59%2021.591-21.59s21.59%209.66%2021.59%2021.59m0%20134.538c0%2011.932-9.66%2021.591-21.59%2021.591s-21.592-9.66-21.592-21.59s9.66-21.592%2021.591-21.592s21.59%209.661%2021.59%2021.591%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%22M491%20189.465c0-26.677-23.496-48.468-52.581-48.468c-3.79%200-7.602.328-11.163%201.027c.174-1.41.409-2.719.587-4.112c.418-3.251.872-6.399%201.322-9.547c.216-1.52.362-3.058.587-4.553c.05-.24.113-.494.146-.735c1.52-10.006%203.16-19.408%204.994-28.2c.108-.518.333-.955.441-1.468a402%20402%200%200%201%201.616-7.197c.658-2.842%201.22-5.69%201.91-8.372c-.667.949-1.257%201.89-1.91%202.937c-.22.358-.512.804-.734%201.175c-.297.5-.586.95-.882%201.47c-.24.417-.498.887-.734%201.321c-.343.63-.687%201.252-1.028%201.91s-.544%201.218-.881%201.909c-.414.84-.769%201.763-1.175%202.643c-.46%201.005-1.018%202.029-1.469%203.085c-1.743%204.054-3.398%208.438-4.994%2013.219c-.59%201.774-1.193%203.568-1.762%205.434c-10.64-4.344-22.42-6.756-34.81-6.756c-27.267%200-51.524%2011.631-67.269%2029.815c-.319.05-.56.263-.88.296c6.63%2035.91%2010.427%2076.55%2010.427%20119.704c0%2043.185-3.787%2083.777-10.428%20119.703c.353.044.678.113%201.028.146c15.746%2018.127%2039.883%2029.815%2067.123%2029.815c12.395%200%2024.17-2.41%2034.809-6.755c.57%201.865%201.172%203.66%201.762%205.434c1.784%205.344%203.614%2010.255%205.582%2014.687c.432.98.882%201.858%201.322%202.791c.235.49.5.992.734%201.469c.338.69.54%201.247.881%201.91s.684%201.28%201.028%201.909c.235.432.496.9.734%201.321c.47.822.993%201.58%201.47%202.35c.05.085.093.202.145.297c.652%201.047%201.243%201.989%201.909%202.937c-1.26-4.9-2.374-9.996-3.525-15.422a520%20520%200%200%201-5.434-29.816c-.263-1.74-.481-3.513-.735-5.287c-.451-3.143-.905-6.302-1.322-9.547c-.178-1.371-.418-2.723-.587-4.113c3.561.7%207.372%201.028%2011.163%201.028c29.085%200%2052.581-21.644%2052.581-48.321s-23.496-48.323-52.581-48.323c-6.07%200-11.91.91-17.332%202.644c-.136-6.895-.296-13.801-.296-20.856s.16-14.109.296-21.003c5.421%201.733%2011.263%202.79%2017.332%202.79c29.085%200%2052.581-21.644%2052.581-48.322zm-13.512-.734c0%2011.932-9.66%2021.591-21.591%2021.591s-21.591-9.66-21.591-21.591s9.66-21.59%2021.59-21.59s21.591%209.66%2021.591%2021.59m0%20134.538c0%2011.932-9.66%2021.591-21.591%2021.591s-21.591-9.66-21.591-21.59s9.66-21.592%2021.59-21.592s21.591%209.661%2021.591%2021.591m-59.632-189.763c-.05.178.043.408%200%20.587c-.104.46-.339.857-.442%201.322c-.76%203.457-1.358%206.91-2.056%2010.575c-17.465%207.866-29.522%2024.414-29.522%2043.475c0%2015.638%208.015%2029.499%2020.563%2038.335c-.165%204.092-.202%208.164-.296%2012.337c-19.056-10.212-31.873-28.963-31.873-50.672c0-25.972%2018.19-48.117%2043.623-55.96zm0%20244.842c-25.432-7.843-43.622-29.841-43.622-55.813c0-21.708%2012.817-40.607%2031.872-50.82c.094%204.174.132%208.246.296%2012.338v.146c-12.547%208.836-20.562%2022.696-20.562%2038.334c0%2019.06%2012.057%2035.462%2029.521%2043.328c.7%203.666%201.297%207.118%202.057%2010.575c.145.653.296%201.264.441%201.91zM320.77%20256c0-85.492-14.63-157.254-34.369-176.544C292.881%20127.32%20296.83%20188.924%20296.83%20256s-3.949%20128.534-10.428%20176.398c19.739-19.29%2034.369-90.906%2034.369-176.398m-36.131%200c0-129.805-12.745-235.001-28.494-235.001S227.652%20126.195%20227.652%20256s12.744%20235.001%2028.494%20235.001S284.64%20385.805%20284.64%20256M225.743%2079.456c-19.739%2019.29-34.37%2091.052-34.37%20176.544s14.63%20157.108%2034.37%20176.398c-6.48-47.864-10.429-109.322-10.429-176.398s3.95-128.68%2010.429-176.544m-33.929%2056.84c-.32-.043-.56-.262-.881-.296c-15.744-18.183-40.001-29.815-67.27-29.815c-12.805%200-25.064%202.724-35.983%207.344c-1.016-3.356-2-6.642-3.085-9.694a173%20173%200%200%200-2.35-6.169c-.05-.075-.117-.072-.145-.145c-.607-1.516-1.286-2.987-1.91-4.407c-1.966-4.45-3.895-8.445-6.022-11.897a68%2068%200%200%200-2.203-3.378c.61%202.37%201.179%204.848%201.762%207.344c.343%201.455.696%202.91%201.029%204.406c.235%201.069.503%202.142.734%203.231l.442%202.056c2.932%2014.135%205.384%2029.865%207.49%2047c-3.136-.535-6.387-.88-9.694-.88C44.643%20140.996%2021%20162.64%2021%20189.318s23.643%2048.469%2052.728%2048.469c5.589%200%2010.96-.87%2016.01-2.35c.127%206.767.296%2013.642.296%2020.562s-.164%2013.649-.296%2020.416c-5.05-1.482-10.421-2.203-16.01-2.203c-29.085%200-52.728%2021.644-52.728%2048.322s23.643%2048.322%2052.728%2048.322c3.307%200%206.558-.348%209.694-.881c-2.206%2017.949-4.82%2034.419-7.931%2049.056c-.235%201.103-.495%202.15-.734%203.231a338%20338%200%200%201-2.79%2011.75c.728-1.038%201.49-2.073%202.202-3.23c2.127-3.453%204.056-7.594%206.022-12.045c.624-1.42%201.304-2.744%201.91-4.26c.05-.074.117-.211.145-.29c.05-.127.095-.315.146-.442c.581-1.467%201.198-3.002%201.762-4.554c.367-1.01.67-2.038%201.028-3.084c.235-.683.503-1.505.735-2.203v-.146c.584-1.765%201.2-3.43%201.762-5.287c10.92%204.622%2023.173%207.196%2035.984%207.196c27.24%200%2051.377-11.688%2067.123-29.815c.352-.043.677-.108%201.028-.146c-6.64-35.926-10.428-76.518-10.428-119.703c0-43.155%203.796-83.795%2010.428-119.704zm-53.903%2053.17c0%2022.195-13.427%2041.367-33.194%2051.406c-.084-4.096-.141-8.17-.296-12.19c13.304-8.774%2021.884-23.032%2021.884-39.217c0-19.566-12.623-36.462-30.844-44.063c-.065-.328-.084-.556-.145-.88c-.693-3.56-1.594-7.06-2.35-10.429c-.072-.305-.075-.575-.146-.88c26.144%207.46%2045.09%2029.815%2045.09%2056.252zm0%20133.069c0%2026.437-18.947%2048.791-45.091%2056.253c.17-.745.418-1.598.587-2.35a380%20380%200%200%200%202.057-9.988c18.22-7.6%2030.843-24.349%2030.843-43.915c0-16.185-8.58-30.59-21.884-39.363c.155-4.02.207-7.949.296-12.044v-.145c19.767%2010.038%2033.194%2029.358%2033.194%2051.553zM77.839%20188.73c0%2011.932-9.66%2021.591-21.59%2021.591s-21.592-9.66-21.592-21.591s9.66-21.59%2021.591-21.59s21.59%209.66%2021.59%2021.59m0%20134.538c0%2011.932-9.66%2021.591-21.59%2021.591s-21.592-9.66-21.592-21.59s9.66-21.592%2021.591-21.592s21.59%209.661%2021.59%2021.591%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

给 abstract-001 加一点动效

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

abstract-001 呼吸动效演示

呼吸

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

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

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

旋转

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

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

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

SVG 健康报告

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

文件体积

5.00 KB

5,124 字节

viewBox

0 0 512 512

矢量坐标系

图元总数

1

<path> ×1

风格

单色(跟随 currentColor)

填充跟随容器颜色

同时含 width/height 与 viewBox:可以只保留 viewBox,让图标跟随容器自适应缩放。 文件体积 5.00 KB(5,124 字节),图元 1 个,风格为单色(跟随 currentColor)。

常见问题

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

abstract-001 图标是什么?▾

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

如何下载 abstract-001 图标?▾

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

abstract-001 图标可以商用吗?▾

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

如何修改 abstract-001 图标的颜色?▾

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

Game Icons 中的相近图标

abstract-002
abstract-003
abstract-004
abstract-005
abstract-006
abstract-007
abstract-008
abstract-009
abstract-010
abstract-011
abstract-012
abstract-013
abstract-014
abstract-015
abstract-016
abstract-017
abstract-018
abstract-019
abstract-020
abstract-021
abstract-022
abstract-023
abstract-024
abstract-025