下载 adapad 图标
SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。
px
PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。
adapad 的预览与使用场景
切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。
预览颜色
浅色背景
深色背景灰底融入在真实界面里长这样
继续按钮内 · 主操作搜索adapad…输入框 · 前缀图标adapad导航菜单 · 选中态暂无内容空状态 · 引导提示9:41adapad手机桌面 · App 图标
adapad手机桌面 · App 图标adapadtoken.design/icons/adapad浏览器 · 标签页与站点图标各尺寸下的可读性
24px32px48px64px96px128px复制 adapad 图标代码
内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。
svgSVG 源码（内联 HTML）
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 19.31c0 .777-4.027 1.407-9 1.407s-9-.63-9-1.406s4.027-1.407 9-1.407s9 .63 9 1.407m-14.968.125c0 .039-.248.078-.563.078c-.303 0-.55-.04-.55-.079c0-.044.247-.084.556-.084s.557.04.557.084m.776.596c.31 0 .563-.034.563-.079s-.254-.079-.563-.079c-.304 0-.557.034-.557.079s.253.079.563.079zm2.588-.355c0 .046-.304.085-.675.085s-.675-.04-.675-.085s.303-.084.675-.084c.37 0 .675.04.675.084m-.422-.703c.292 0 .529-.022.529-.056s-.237-.056-.53-.056c-.297 0-.534.022-.534.056s.237.056.535.056m1.316-.225c0 .034-.152.056-.338.056c-.185 0-.337-.022-.337-.056s.152-.056.337-.056s.338.023.338.056m-2.048.619c.355 0 .647-.04.647-.084s-.292-.085-.647-.085c-.354 0-.646.04-.646.085s.292.084.646.084m3.674-.084c0 .078-.507.14-1.125.14c-.62 0-1.12-.062-1.12-.14c0-.034.085-.057.225-.085h-.112c-.557 0-1.013-.05-1.013-.112s.456-.113 1.013-.113c.562 0 1.012.051 1.012.113c0 .022-.056.04-.14.056h.14c.619 0 1.125.062 1.125.14zm.14.871c.355 0 .647-.05.647-.112s-.292-.112-.647-.112c-.354 0-.647.05-.647.112s.293.112.647.112m4.236-.506c0 .062-.304.113-.675.113s-.675-.05-.675-.113c0-.062.304-.112.675-.112s.675.05.675.112m1.204.394c.292 0 .534-.04.534-.084s-.242-.085-.534-.085s-.535.04-.535.085s.242.084.535.084m-.816-.76c0 .046-.298.085-.675.085c-.366 0-.67-.04-.67-.084s.304-.085.676-.085c.37 0 .675.04.675.085zm2.194.198c.303 0 .556-.023.556-.057c0-.033-.253-.056-.562-.056s-.562.023-.562.056c0 .034.253.057.562.057zm.725-.45c0 .033-.152.056-.337.056s-.338-.023-.338-.056c0-.034.152-.057.338-.057c.185 0 .337.023.337.056m-7.515.618c.434 0 .788-.039.788-.084s-.354-.084-.788-.084c-.433 0-.787.039-.787.084s.354.084.787.084m-.168-.76c0 .046-.4.085-.9.085c-.495 0-.895-.039-.895-.084s.4-.084.9-.084c.495 0 .895.039.895.084m1.518.535c.62 0 1.12-.062 1.12-.14c0-.034-.09-.062-.237-.085h.152c.54 0 .98-.061.98-.14s-.44-.141-.98-.141c-.545 0-.984.062-.984.14c0 .035.084.063.225.09l-.281-.005c-.619 0-1.125.062-1.125.14c0 .08.506.141 1.125.141zm-.28-.45c.488 0 .893-.039.893-.084s-.405-.084-.9-.084s-.9.039-.9.084s.406.084.9.084zm-.563-.225c0 .034-.225.056-.507.056c-.28 0-.506-.022-.506-.056s.225-.056.506-.056s.507.023.507.056m4.736.394c.264 0 .478-.023.478-.056c0-.034-.214-.056-.478-.056c-.265 0-.478.022-.478.056s.213.056.478.056m-10.406 0c.28 0 .506-.023.506-.056c0-.034-.225-.056-.506-.056c-.276 0-.501.022-.501.056s.225.056.506.056zm.73-.337c0 .033-.134.056-.303.056s-.31-.023-.31-.056c0-.034.136-.057.31-.057c.169 0 .304.023.304.056m-2.575.337c.185 0 .337-.023.337-.056c0-.034-.152-.056-.337-.056s-.338.022-.338.056s.152.056.338.056" clip-rule="evenodd"/><path fill="currentColor" d="M12 9.545a.402.402 0 1 0 0-.804a.403.403 0 0 0-.405.405c0 .225.18.4.405.4"/><path fill="currentColor" d="M9.446 4.95a2.83 2.83 0 0 1 5.164.01l4.027 9.338c.394.911-.287 1.918-1.294 1.918h-1.822c-.14-.922-.9-1.322-1.66-1.209c-.095-.709-.618-.832-.871-.804c-.17-.276-.394-1.035-.495-1.362h-.99c-.096.327-.332 1.086-.495 1.362c-.253-.028-.777.095-.872.804c-.76-.113-1.519.287-1.66 1.21H6.656c-1.013 0-1.688-1.013-1.294-1.919zM12 6.67c-.428.788-1.215 2.526-1.075 3.308l.079.478l.124.698l-.349-.833l-.675 1.885l1.063-.456a.4.4 0 0 1 .163-.034h1.339q.084 0 .169.034l1.052.45l-.67-1.879l-.349.833l.124-.692l.08-.484c.14-.787-.648-2.52-1.075-3.307"/><path fill="currentColor" d="M10.706 15.643a1.67 1.67 0 0 0-1.316.259a1.48 1.48 0 0 1 1.21-.456c.044-.433.522-.692.753-.77a1.17 1.17 0 0 0-.641.967zm2.925 0c.619-.135 1.136.112 1.31.259a1.48 1.48 0 0 0-1.203-.456c-.045-.433-.523-.692-.76-.77a1.17 1.17 0 0 1 .647.967z"/></svg>reactReact 组件（TSX）
export function AdapadIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 24 24"
fill="currentColor"
{...props}
dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" fill-rule="evenodd" d="M21 19.31c0 .777-4.027 1.407-9 1.407s-9-.63-9-1.406s4.027-1.407 9-1.407s9 .63 9 1.407m-14.968.125c0 .039-.248.078-.563.078c-.303 0-.55-.04-.55-.079c0-.044.247-.084.556-.084s.557.04.557.084m.776.596c.31 0 .563-.034.563-.079s-.254-.079-.563-.079c-.304 0-.557.034-.557.079s.253.079.563.079zm2.588-.355c0 .046-.304.085-.675.085s-.675-.04-.675-.085s.303-.084.675-.084c.37 0 .675.04.675.084m-.422-.703c.292 0 .529-.022.529-.056s-.237-.056-.53-.056c-.297 0-.534.022-.534.056s.237.056.535.056m1.316-.225c0 .034-.152.056-.338.056c-.185 0-.337-.022-.337-.056s.152-.056.337-.056s.338.023.338.056m-2.048.619c.355 0 .647-.04.647-.084s-.292-.085-.647-.085c-.354 0-.646.04-.646.085s.292.084.646.084m3.674-.084c0 .078-.507.14-1.125.14c-.62 0-1.12-.062-1.12-.14c0-.034.085-.057.225-.085h-.112c-.557 0-1.013-.05-1.013-.112s.456-.113 1.013-.113c.562 0 1.012.051 1.012.113c0 .022-.056.04-.14.056h.14c.619 0 1.125.062 1.125.14zm.14.871c.355 0 .647-.05.647-.112s-.292-.112-.647-.112c-.354 0-.647.05-.647.112s.293.112.647.112m4.236-.506c0 .062-.304.113-.675.113s-.675-.05-.675-.113c0-.062.304-.112.675-.112s.675.05.675.112m1.204.394c.292 0 .534-.04.534-.084s-.242-.085-.534-.085s-.535.04-.535.085s.242.084.535.084m-.816-.76c0 .046-.298.085-.675.085c-.366 0-.67-.04-.67-.084s.304-.085.676-.085c.37 0 .675.04.675.085zm2.194.198c.303 0 .556-.023.556-.057c0-.033-.253-.056-.562-.056s-.562.023-.562.056c0 .034.253.057.562.057zm.725-.45c0 .033-.152.056-.337.056s-.338-.023-.338-.056c0-.034.152-.057.338-.057c.185 0 .337.023.337.056m-7.515.618c.434 0 .788-.039.788-.084s-.354-.084-.788-.084c-.433 0-.787.039-.787.084s.354.084.787.084m-.168-.76c0 .046-.4.085-.9.085c-.495 0-.895-.039-.895-.084s.4-.084.9-.084c.495 0 .895.039.895.084m1.518.535c.62 0 1.12-.062 1.12-.14c0-.034-.09-.062-.237-.085h.152c.54 0 .98-.061.98-.14s-.44-.141-.98-.141c-.545 0-.984.062-.984.14c0 .035.084.063.225.09l-.281-.005c-.619 0-1.125.062-1.125.14c0 .08.506.141 1.125.141zm-.28-.45c.488 0 .893-.039.893-.084s-.405-.084-.9-.084s-.9.039-.9.084s.406.084.9.084zm-.563-.225c0 .034-.225.056-.507.056c-.28 0-.506-.022-.506-.056s.225-.056.506-.056s.507.023.507.056m4.736.394c.264 0 .478-.023.478-.056c0-.034-.214-.056-.478-.056c-.265 0-.478.022-.478.056s.213.056.478.056m-10.406 0c.28 0 .506-.023.506-.056c0-.034-.225-.056-.506-.056c-.276 0-.501.022-.501.056s.225.056.506.056zm.73-.337c0 .033-.134.056-.303.056s-.31-.023-.31-.056c0-.034.136-.057.31-.057c.169 0 .304.023.304.056m-2.575.337c.185 0 .337-.023.337-.056c0-.034-.152-.056-.337-.056s-.338.022-.338.056s.152.056.338.056" clip-rule="evenodd"/><path fill="currentColor" d="M12 9.545a.402.402 0 1 0 0-.804a.403.403 0 0 0-.405.405c0 .225.18.4.405.4"/><path fill="currentColor" d="M9.446 4.95a2.83 2.83 0 0 1 5.164.01l4.027 9.338c.394.911-.287 1.918-1.294 1.918h-1.822c-.14-.922-.9-1.322-1.66-1.209c-.095-.709-.618-.832-.871-.804c-.17-.276-.394-1.035-.495-1.362h-.99c-.096.327-.332 1.086-.495 1.362c-.253-.028-.777.095-.872.804c-.76-.113-1.519.287-1.66 1.21H6.656c-1.013 0-1.688-1.013-1.294-1.919zM12 6.67c-.428.788-1.215 2.526-1.075 3.308l.079.478l.124.698l-.349-.833l-.675 1.885l1.063-.456a.4.4 0 0 1 .163-.034h1.339q.084 0 .169.034l1.052.45l-.67-1.879l-.349.833l.124-.692l.08-.484c.14-.787-.648-2.52-1.075-3.307"/><path fill="currentColor" d="M10.706 15.643a1.67 1.67 0 0 0-1.316.259a1.48 1.48 0 0 1 1.21-.456c.044-.433.522-.692.753-.77a1.17 1.17 0 0 0-.641.967zm2.925 0c.619-.135 1.136.112 1.31.259a1.48 1.48 0 0 0-1.203-.456c-.045-.433-.523-.692-.76-.77a1.17 1.17 0 0 1 .647.967z"/>` }}
/>
);
}vueVue 3 组件
<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" v-html="body"></svg>
</template>
<script setup>
const body = `<path fill="currentColor" fill-rule="evenodd" d="M21 19.31c0 .777-4.027 1.407-9 1.407s-9-.63-9-1.406s4.027-1.407 9-1.407s9 .63 9 1.407m-14.968.125c0 .039-.248.078-.563.078c-.303 0-.55-.04-.55-.079c0-.044.247-.084.556-.084s.557.04.557.084m.776.596c.31 0 .563-.034.563-.079s-.254-.079-.563-.079c-.304 0-.557.034-.557.079s.253.079.563.079zm2.588-.355c0 .046-.304.085-.675.085s-.675-.04-.675-.085s.303-.084.675-.084c.37 0 .675.04.675.084m-.422-.703c.292 0 .529-.022.529-.056s-.237-.056-.53-.056c-.297 0-.534.022-.534.056s.237.056.535.056m1.316-.225c0 .034-.152.056-.338.056c-.185 0-.337-.022-.337-.056s.152-.056.337-.056s.338.023.338.056m-2.048.619c.355 0 .647-.04.647-.084s-.292-.085-.647-.085c-.354 0-.646.04-.646.085s.292.084.646.084m3.674-.084c0 .078-.507.14-1.125.14c-.62 0-1.12-.062-1.12-.14c0-.034.085-.057.225-.085h-.112c-.557 0-1.013-.05-1.013-.112s.456-.113 1.013-.113c.562 0 1.012.051 1.012.113c0 .022-.056.04-.14.056h.14c.619 0 1.125.062 1.125.14zm.14.871c.355 0 .647-.05.647-.112s-.292-.112-.647-.112c-.354 0-.647.05-.647.112s.293.112.647.112m4.236-.506c0 .062-.304.113-.675.113s-.675-.05-.675-.113c0-.062.304-.112.675-.112s.675.05.675.112m1.204.394c.292 0 .534-.04.534-.084s-.242-.085-.534-.085s-.535.04-.535.085s.242.084.535.084m-.816-.76c0 .046-.298.085-.675.085c-.366 0-.67-.04-.67-.084s.304-.085.676-.085c.37 0 .675.04.675.085zm2.194.198c.303 0 .556-.023.556-.057c0-.033-.253-.056-.562-.056s-.562.023-.562.056c0 .034.253.057.562.057zm.725-.45c0 .033-.152.056-.337.056s-.338-.023-.338-.056c0-.034.152-.057.338-.057c.185 0 .337.023.337.056m-7.515.618c.434 0 .788-.039.788-.084s-.354-.084-.788-.084c-.433 0-.787.039-.787.084s.354.084.787.084m-.168-.76c0 .046-.4.085-.9.085c-.495 0-.895-.039-.895-.084s.4-.084.9-.084c.495 0 .895.039.895.084m1.518.535c.62 0 1.12-.062 1.12-.14c0-.034-.09-.062-.237-.085h.152c.54 0 .98-.061.98-.14s-.44-.141-.98-.141c-.545 0-.984.062-.984.14c0 .035.084.063.225.09l-.281-.005c-.619 0-1.125.062-1.125.14c0 .08.506.141 1.125.141zm-.28-.45c.488 0 .893-.039.893-.084s-.405-.084-.9-.084s-.9.039-.9.084s.406.084.9.084zm-.563-.225c0 .034-.225.056-.507.056c-.28 0-.506-.022-.506-.056s.225-.056.506-.056s.507.023.507.056m4.736.394c.264 0 .478-.023.478-.056c0-.034-.214-.056-.478-.056c-.265 0-.478.022-.478.056s.213.056.478.056m-10.406 0c.28 0 .506-.023.506-.056c0-.034-.225-.056-.506-.056c-.276 0-.501.022-.501.056s.225.056.506.056zm.73-.337c0 .033-.134.056-.303.056s-.31-.023-.31-.056c0-.034.136-.057.31-.057c.169 0 .304.023.304.056m-2.575.337c.185 0 .337-.023.337-.056c0-.034-.152-.056-.337-.056s-.338.022-.338.056s.152.056.338.056" clip-rule="evenodd"/><path fill="currentColor" d="M12 9.545a.402.402 0 1 0 0-.804a.403.403 0 0 0-.405.405c0 .225.18.4.405.4"/><path fill="currentColor" d="M9.446 4.95a2.83 2.83 0 0 1 5.164.01l4.027 9.338c.394.911-.287 1.918-1.294 1.918h-1.822c-.14-.922-.9-1.322-1.66-1.209c-.095-.709-.618-.832-.871-.804c-.17-.276-.394-1.035-.495-1.362h-.99c-.096.327-.332 1.086-.495 1.362c-.253-.028-.777.095-.872.804c-.76-.113-1.519.287-1.66 1.21H6.656c-1.013 0-1.688-1.013-1.294-1.919zM12 6.67c-.428.788-1.215 2.526-1.075 3.308l.079.478l.124.698l-.349-.833l-.675 1.885l1.063-.456a.4.4 0 0 1 .163-.034h1.339q.084 0 .169.034l1.052.45l-.67-1.879l-.349.833l.124-.692l.08-.484c.14-.787-.648-2.52-1.075-3.307"/><path fill="currentColor" d="M10.706 15.643a1.67 1.67 0 0 0-1.316.259a1.48 1.48 0 0 1 1.21-.456c.044-.433.522-.692.753-.77a1.17 1.17 0 0 0-.641.967zm2.925 0c.619-.135 1.136.112 1.31.259a1.48 1.48 0 0 0-1.203-.456c-.045-.433-.523-.692-.76-.77a1.17 1.17 0 0 1 .647.967z"/>`;
</script>cssCSS mask（随 currentColor 改色）
.adapad {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2019.31c0%20.777-4.027%201.407-9%201.407s-9-.63-9-1.406s4.027-1.407%209-1.407s9%20.63%209%201.407m-14.968.125c0%20.039-.248.078-.563.078c-.303%200-.55-.04-.55-.079c0-.044.247-.084.556-.084s.557.04.557.084m.776.596c.31%200%20.563-.034.563-.079s-.254-.079-.563-.079c-.304%200-.557.034-.557.079s.253.079.563.079zm2.588-.355c0%20.046-.304.085-.675.085s-.675-.04-.675-.085s.303-.084.675-.084c.37%200%20.675.04.675.084m-.422-.703c.292%200%20.529-.022.529-.056s-.237-.056-.53-.056c-.297%200-.534.022-.534.056s.237.056.535.056m1.316-.225c0%20.034-.152.056-.338.056c-.185%200-.337-.022-.337-.056s.152-.056.337-.056s.338.023.338.056m-2.048.619c.355%200%20.647-.04.647-.084s-.292-.085-.647-.085c-.354%200-.646.04-.646.085s.292.084.646.084m3.674-.084c0%20.078-.507.14-1.125.14c-.62%200-1.12-.062-1.12-.14c0-.034.085-.057.225-.085h-.112c-.557%200-1.013-.05-1.013-.112s.456-.113%201.013-.113c.562%200%201.012.051%201.012.113c0%20.022-.056.04-.14.056h.14c.619%200%201.125.062%201.125.14zm.14.871c.355%200%20.647-.05.647-.112s-.292-.112-.647-.112c-.354%200-.647.05-.647.112s.293.112.647.112m4.236-.506c0%20.062-.304.113-.675.113s-.675-.05-.675-.113c0-.062.304-.112.675-.112s.675.05.675.112m1.204.394c.292%200%20.534-.04.534-.084s-.242-.085-.534-.085s-.535.04-.535.085s.242.084.535.084m-.816-.76c0%20.046-.298.085-.675.085c-.366%200-.67-.04-.67-.084s.304-.085.676-.085c.37%200%20.675.04.675.085zm2.194.198c.303%200%20.556-.023.556-.057c0-.033-.253-.056-.562-.056s-.562.023-.562.056c0%20.034.253.057.562.057zm.725-.45c0%20.033-.152.056-.337.056s-.338-.023-.338-.056c0-.034.152-.057.338-.057c.185%200%20.337.023.337.056m-7.515.618c.434%200%20.788-.039.788-.084s-.354-.084-.788-.084c-.433%200-.787.039-.787.084s.354.084.787.084m-.168-.76c0%20.046-.4.085-.9.085c-.495%200-.895-.039-.895-.084s.4-.084.9-.084c.495%200%20.895.039.895.084m1.518.535c.62%200%201.12-.062%201.12-.14c0-.034-.09-.062-.237-.085h.152c.54%200%20.98-.061.98-.14s-.44-.141-.98-.141c-.545%200-.984.062-.984.14c0%20.035.084.063.225.09l-.281-.005c-.619%200-1.125.062-1.125.14c0%20.08.506.141%201.125.141zm-.28-.45c.488%200%20.893-.039.893-.084s-.405-.084-.9-.084s-.9.039-.9.084s.406.084.9.084zm-.563-.225c0%20.034-.225.056-.507.056c-.28%200-.506-.022-.506-.056s.225-.056.506-.056s.507.023.507.056m4.736.394c.264%200%20.478-.023.478-.056c0-.034-.214-.056-.478-.056c-.265%200-.478.022-.478.056s.213.056.478.056m-10.406%200c.28%200%20.506-.023.506-.056c0-.034-.225-.056-.506-.056c-.276%200-.501.022-.501.056s.225.056.506.056zm.73-.337c0%20.033-.134.056-.303.056s-.31-.023-.31-.056c0-.034.136-.057.31-.057c.169%200%20.304.023.304.056m-2.575.337c.185%200%20.337-.023.337-.056c0-.034-.152-.056-.337-.056s-.338.022-.338.056s.152.056.338.056%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%209.545a.402.402%200%201%200%200-.804a.403.403%200%200%200-.405.405c0%20.225.18.4.405.4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.446%204.95a2.83%202.83%200%200%201%205.164.01l4.027%209.338c.394.911-.287%201.918-1.294%201.918h-1.822c-.14-.922-.9-1.322-1.66-1.209c-.095-.709-.618-.832-.871-.804c-.17-.276-.394-1.035-.495-1.362h-.99c-.096.327-.332%201.086-.495%201.362c-.253-.028-.777.095-.872.804c-.76-.113-1.519.287-1.66%201.21H6.656c-1.013%200-1.688-1.013-1.294-1.919zM12%206.67c-.428.788-1.215%202.526-1.075%203.308l.079.478l.124.698l-.349-.833l-.675%201.885l1.063-.456a.4.4%200%200%201%20.163-.034h1.339q.084%200%20.169.034l1.052.45l-.67-1.879l-.349.833l.124-.692l.08-.484c.14-.787-.648-2.52-1.075-3.307%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.706%2015.643a1.67%201.67%200%200%200-1.316.259a1.48%201.48%200%200%201%201.21-.456c.044-.433.522-.692.753-.77a1.17%201.17%200%200%200-.641.967zm2.925%200c.619-.135%201.136.112%201.31.259a1.48%201.48%200%200%200-1.203-.456c-.045-.433-.523-.692-.76-.77a1.17%201.17%200%200%201%20.647.967z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21%2019.31c0%20.777-4.027%201.407-9%201.407s-9-.63-9-1.406s4.027-1.407%209-1.407s9%20.63%209%201.407m-14.968.125c0%20.039-.248.078-.563.078c-.303%200-.55-.04-.55-.079c0-.044.247-.084.556-.084s.557.04.557.084m.776.596c.31%200%20.563-.034.563-.079s-.254-.079-.563-.079c-.304%200-.557.034-.557.079s.253.079.563.079zm2.588-.355c0%20.046-.304.085-.675.085s-.675-.04-.675-.085s.303-.084.675-.084c.37%200%20.675.04.675.084m-.422-.703c.292%200%20.529-.022.529-.056s-.237-.056-.53-.056c-.297%200-.534.022-.534.056s.237.056.535.056m1.316-.225c0%20.034-.152.056-.338.056c-.185%200-.337-.022-.337-.056s.152-.056.337-.056s.338.023.338.056m-2.048.619c.355%200%20.647-.04.647-.084s-.292-.085-.647-.085c-.354%200-.646.04-.646.085s.292.084.646.084m3.674-.084c0%20.078-.507.14-1.125.14c-.62%200-1.12-.062-1.12-.14c0-.034.085-.057.225-.085h-.112c-.557%200-1.013-.05-1.013-.112s.456-.113%201.013-.113c.562%200%201.012.051%201.012.113c0%20.022-.056.04-.14.056h.14c.619%200%201.125.062%201.125.14zm.14.871c.355%200%20.647-.05.647-.112s-.292-.112-.647-.112c-.354%200-.647.05-.647.112s.293.112.647.112m4.236-.506c0%20.062-.304.113-.675.113s-.675-.05-.675-.113c0-.062.304-.112.675-.112s.675.05.675.112m1.204.394c.292%200%20.534-.04.534-.084s-.242-.085-.534-.085s-.535.04-.535.085s.242.084.535.084m-.816-.76c0%20.046-.298.085-.675.085c-.366%200-.67-.04-.67-.084s.304-.085.676-.085c.37%200%20.675.04.675.085zm2.194.198c.303%200%20.556-.023.556-.057c0-.033-.253-.056-.562-.056s-.562.023-.562.056c0%20.034.253.057.562.057zm.725-.45c0%20.033-.152.056-.337.056s-.338-.023-.338-.056c0-.034.152-.057.338-.057c.185%200%20.337.023.337.056m-7.515.618c.434%200%20.788-.039.788-.084s-.354-.084-.788-.084c-.433%200-.787.039-.787.084s.354.084.787.084m-.168-.76c0%20.046-.4.085-.9.085c-.495%200-.895-.039-.895-.084s.4-.084.9-.084c.495%200%20.895.039.895.084m1.518.535c.62%200%201.12-.062%201.12-.14c0-.034-.09-.062-.237-.085h.152c.54%200%20.98-.061.98-.14s-.44-.141-.98-.141c-.545%200-.984.062-.984.14c0%20.035.084.063.225.09l-.281-.005c-.619%200-1.125.062-1.125.14c0%20.08.506.141%201.125.141zm-.28-.45c.488%200%20.893-.039.893-.084s-.405-.084-.9-.084s-.9.039-.9.084s.406.084.9.084zm-.563-.225c0%20.034-.225.056-.507.056c-.28%200-.506-.022-.506-.056s.225-.056.506-.056s.507.023.507.056m4.736.394c.264%200%20.478-.023.478-.056c0-.034-.214-.056-.478-.056c-.265%200-.478.022-.478.056s.213.056.478.056m-10.406%200c.28%200%20.506-.023.506-.056c0-.034-.225-.056-.506-.056c-.276%200-.501.022-.501.056s.225.056.506.056zm.73-.337c0%20.033-.134.056-.303.056s-.31-.023-.31-.056c0-.034.136-.057.31-.057c.169%200%20.304.023.304.056m-2.575.337c.185%200%20.337-.023.337-.056c0-.034-.152-.056-.337-.056s-.338.022-.338.056s.152.056.338.056%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%209.545a.402.402%200%201%200%200-.804a.403.403%200%200%200-.405.405c0%20.225.18.4.405.4%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.446%204.95a2.83%202.83%200%200%201%205.164.01l4.027%209.338c.394.911-.287%201.918-1.294%201.918h-1.822c-.14-.922-.9-1.322-1.66-1.209c-.095-.709-.618-.832-.871-.804c-.17-.276-.394-1.035-.495-1.362h-.99c-.096.327-.332%201.086-.495%201.362c-.253-.028-.777.095-.872.804c-.76-.113-1.519.287-1.66%201.21H6.656c-1.013%200-1.688-1.013-1.294-1.919zM12%206.67c-.428.788-1.215%202.526-1.075%203.308l.079.478l.124.698l-.349-.833l-.675%201.885l1.063-.456a.4.4%200%200%201%20.163-.034h1.339q.084%200%20.169.034l1.052.45l-.67-1.879l-.349.833l.124-.692l.08-.484c.14-.787-.648-2.52-1.075-3.307%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.706%2015.643a1.67%201.67%200%200%200-1.316.259a1.48%201.48%200%200%201%201.21-.456c.044-.433.522-.692.753-.77a1.17%201.17%200%200%200-.641.967zm2.925%200c.619-.135%201.136.112%201.31.259a1.48%201.48%200%200%200-1.203-.456c-.045-.433-.523-.692-.76-.77a1.17%201.17%200%200%201%20.647.967z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}给 adapad 加一点动效
单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。
呼吸
透明度往复渐变，适合状态提示与在线指示。
css呼吸动效样式
.icon-adapad {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}旋转
匀速循环旋转，适合加载中场景。
css旋转动效样式
.icon-adapad {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}SVG 健康报告
对源文件的客观技术指标，供工程侧评估引用方式。
文件体积
3.53 KB
3,618 字节
viewBox
0 0 24 24
矢量坐标系
图元总数
4
<path> ×4
风格
单色（跟随 currentColor）
填充跟随容器颜色
同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 3.53 KB（3,618 字节），图元 4 个，风格为单色（跟随 currentColor）。
常见问题
关于 adapad 图标的下载、商用与改色。
adapad 图标是什么？▾
它是 Web3 Icons（token）开源图标集中的 adapad 图标，单色（跟随 currentColor），viewBox 为 0 0 24 24，文件仅 3.53 KB，矢量格式可无损缩放到任意尺寸。
如何下载 adapad 图标？▾
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。
adapad 图标可以商用吗？▾
该图标采用 MIT（MIT） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
如何修改 adapad 图标的颜色？▾
在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。