ant-designalipay-circle-outlined
来自 Ant Design Icons 开源图标集，矢量 SVG 可无损缩放到任意尺寸，支持在线改色、复制 React/Vue/HTML 代码。
SVG 矢量源文件，或 PNG 按 16~512 预设与 16~1024 自定义尺寸导出，任意尺寸边缘锐利。
PNG 由矢量源实时渲染，任意尺寸边缘锐利无锯齿；下载与预览均免费，无需注册。
切换预览颜色后，下方三底色、真实界面场景与各尺寸渲染会实时跟随。
浅色背景
深色背景灰底融入继续按钮内 · 主操作搜索alipay-circle-outlined…输入框 · 前缀图标alipay-circle-outlined导航菜单 · 选中态暂无内容空状态 · 引导提示alipay-circle-outlined
alipay-outlined
alipay-circle-filled
alipay-square-filled手机桌面 · App 图标alipay-circle-outlinedant-design.design/icons/alipay-circle-outlined浏览器 · 标签页与站点图标24px32px48px64px96px128px内联 SVG、React、Vue 与 CSS mask 四种主流引用方式，代码基于当前源文件生成，复制即用。
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960S64 759.424 64 512S264.576 64 512 64m32.493 168c-69.66 0-86.056 16.843-86.709 39.079l-.02 1.426v46.623H291.45c-9.92 0-14.28 23.053-14.27 39.31c0 2.696 2.08 4.923 4.77 4.923h175.814v58.301h-116.5c-9.96 0-14.3 23.76-14.271 39.473a4.77 4.77 0 0 0 4.77 4.76l233.448.003c-4.527 41.056-15.432 77.58-30.716 109.315l-1.224 2.494l-.32-.275c-60.244-28.47-120.431-52.577-194.407-52.577l-2.61.017c-84.982 1.112-144.718 56.503-145.916 127.04l-.018 1.222l.019 2.123c1.238 70.399 63.566 126.452 148.525 126.452c61.245-.008 116.372-16.85 163.457-45.017a139 139 0 0 0 14.068-7.962c18.09-12.116 34.892-25.955 50.304-41.156l9.452 6.344l12.456 8.322c57.527 38.257 113.763 72.617 169.856 79.27a143 143 0 0 0 18.314 1.157c43.017 0 54.991-52.68 57.387-95.508l.145-2.84c.392-8.463-6.197-15.595-14.648-15.863c-75.468-2.365-136.452-22.043-192.008-46.11l-6.267-2.742c35.146-56.8 56.657-121.816 57.155-186.661l.082-1.083c.401-5.515-3.997-10.198-9.52-10.198H549.33v-58.301h165.732c9.92 0 14.28-22.117 14.27-39.311c-.01-2.686-2.089-4.922-4.779-4.922H549.32v-82.35c0-2.656-2.175-4.778-4.827-4.778m-216.5 351.847c54.627 0 107.073 22.417 158.09 52.19l5.77 3.402c-103.575 119.837-247.172 95.903-261.724 26.37a67 67 0 0 1-1.138-9.83l-.057-2.336l.013-.907c.969-40.113 45.337-68.89 99.045-68.89"/></svg>export function AlipayCircleOutlinedIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 1024 1024"
fill="currentColor"
{...props}
dangerouslySetInnerHTML={{ __html: `<path fill="currentColor" fill-rule="evenodd" d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960S64 759.424 64 512S264.576 64 512 64m32.493 168c-69.66 0-86.056 16.843-86.709 39.079l-.02 1.426v46.623H291.45c-9.92 0-14.28 23.053-14.27 39.31c0 2.696 2.08 4.923 4.77 4.923h175.814v58.301h-116.5c-9.96 0-14.3 23.76-14.271 39.473a4.77 4.77 0 0 0 4.77 4.76l233.448.003c-4.527 41.056-15.432 77.58-30.716 109.315l-1.224 2.494l-.32-.275c-60.244-28.47-120.431-52.577-194.407-52.577l-2.61.017c-84.982 1.112-144.718 56.503-145.916 127.04l-.018 1.222l.019 2.123c1.238 70.399 63.566 126.452 148.525 126.452c61.245-.008 116.372-16.85 163.457-45.017a139 139 0 0 0 14.068-7.962c18.09-12.116 34.892-25.955 50.304-41.156l9.452 6.344l12.456 8.322c57.527 38.257 113.763 72.617 169.856 79.27a143 143 0 0 0 18.314 1.157c43.017 0 54.991-52.68 57.387-95.508l.145-2.84c.392-8.463-6.197-15.595-14.648-15.863c-75.468-2.365-136.452-22.043-192.008-46.11l-6.267-2.742c35.146-56.8 56.657-121.816 57.155-186.661l.082-1.083c.401-5.515-3.997-10.198-9.52-10.198H549.33v-58.301h165.732c9.92 0 14.28-22.117 14.27-39.311c-.01-2.686-2.089-4.922-4.779-4.922H549.32v-82.35c0-2.656-2.175-4.778-4.827-4.778m-216.5 351.847c54.627 0 107.073 22.417 158.09 52.19l5.77 3.402c-103.575 119.837-247.172 95.903-261.724 26.37a67 67 0 0 1-1.138-9.83l-.057-2.336l.013-.907c.969-40.113 45.337-68.89 99.045-68.89"/>` }}
/>
);
}<template>
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024" fill="currentColor" v-html="body"></svg>
</template>
<script setup>
const body = `<path fill="currentColor" fill-rule="evenodd" d="M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960S64 759.424 64 512S264.576 64 512 64m32.493 168c-69.66 0-86.056 16.843-86.709 39.079l-.02 1.426v46.623H291.45c-9.92 0-14.28 23.053-14.27 39.31c0 2.696 2.08 4.923 4.77 4.923h175.814v58.301h-116.5c-9.96 0-14.3 23.76-14.271 39.473a4.77 4.77 0 0 0 4.77 4.76l233.448.003c-4.527 41.056-15.432 77.58-30.716 109.315l-1.224 2.494l-.32-.275c-60.244-28.47-120.431-52.577-194.407-52.577l-2.61.017c-84.982 1.112-144.718 56.503-145.916 127.04l-.018 1.222l.019 2.123c1.238 70.399 63.566 126.452 148.525 126.452c61.245-.008 116.372-16.85 163.457-45.017a139 139 0 0 0 14.068-7.962c18.09-12.116 34.892-25.955 50.304-41.156l9.452 6.344l12.456 8.322c57.527 38.257 113.763 72.617 169.856 79.27a143 143 0 0 0 18.314 1.157c43.017 0 54.991-52.68 57.387-95.508l.145-2.84c.392-8.463-6.197-15.595-14.648-15.863c-75.468-2.365-136.452-22.043-192.008-46.11l-6.267-2.742c35.146-56.8 56.657-121.816 57.155-186.661l.082-1.083c.401-5.515-3.997-10.198-9.52-10.198H549.33v-58.301h165.732c9.92 0 14.28-22.117 14.27-39.311c-.01-2.686-2.089-4.922-4.779-4.922H549.32v-82.35c0-2.656-2.175-4.778-4.827-4.778m-216.5 351.847c54.627 0 107.073 22.417 158.09 52.19l5.77 3.402c-103.575 119.837-247.172 95.903-261.724 26.37a67 67 0 0 1-1.138-9.83l-.057-2.336l.013-.907c.969-40.113 45.337-68.89 99.045-68.89"/>`;
</script>.alipay-circle-outlined {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M512%2064c247.424%200%20448%20200.576%20448%20448S759.424%20960%20512%20960S64%20759.424%2064%20512S264.576%2064%20512%2064m32.493%20168c-69.66%200-86.056%2016.843-86.709%2039.079l-.02%201.426v46.623H291.45c-9.92%200-14.28%2023.053-14.27%2039.31c0%202.696%202.08%204.923%204.77%204.923h175.814v58.301h-116.5c-9.96%200-14.3%2023.76-14.271%2039.473a4.77%204.77%200%200%200%204.77%204.76l233.448.003c-4.527%2041.056-15.432%2077.58-30.716%20109.315l-1.224%202.494l-.32-.275c-60.244-28.47-120.431-52.577-194.407-52.577l-2.61.017c-84.982%201.112-144.718%2056.503-145.916%20127.04l-.018%201.222l.019%202.123c1.238%2070.399%2063.566%20126.452%20148.525%20126.452c61.245-.008%20116.372-16.85%20163.457-45.017a139%20139%200%200%200%2014.068-7.962c18.09-12.116%2034.892-25.955%2050.304-41.156l9.452%206.344l12.456%208.322c57.527%2038.257%20113.763%2072.617%20169.856%2079.27a143%20143%200%200%200%2018.314%201.157c43.017%200%2054.991-52.68%2057.387-95.508l.145-2.84c.392-8.463-6.197-15.595-14.648-15.863c-75.468-2.365-136.452-22.043-192.008-46.11l-6.267-2.742c35.146-56.8%2056.657-121.816%2057.155-186.661l.082-1.083c.401-5.515-3.997-10.198-9.52-10.198H549.33v-58.301h165.732c9.92%200%2014.28-22.117%2014.27-39.311c-.01-2.686-2.089-4.922-4.779-4.922H549.32v-82.35c0-2.656-2.175-4.778-4.827-4.778m-216.5%20351.847c54.627%200%20107.073%2022.417%20158.09%2052.19l5.77%203.402c-103.575%20119.837-247.172%2095.903-261.724%2026.37a67%2067%200%200%201-1.138-9.83l-.057-2.336l.013-.907c.969-40.113%2045.337-68.89%2099.045-68.89%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M512%2064c247.424%200%20448%20200.576%20448%20448S759.424%20960%20512%20960S64%20759.424%2064%20512S264.576%2064%20512%2064m32.493%20168c-69.66%200-86.056%2016.843-86.709%2039.079l-.02%201.426v46.623H291.45c-9.92%200-14.28%2023.053-14.27%2039.31c0%202.696%202.08%204.923%204.77%204.923h175.814v58.301h-116.5c-9.96%200-14.3%2023.76-14.271%2039.473a4.77%204.77%200%200%200%204.77%204.76l233.448.003c-4.527%2041.056-15.432%2077.58-30.716%20109.315l-1.224%202.494l-.32-.275c-60.244-28.47-120.431-52.577-194.407-52.577l-2.61.017c-84.982%201.112-144.718%2056.503-145.916%20127.04l-.018%201.222l.019%202.123c1.238%2070.399%2063.566%20126.452%20148.525%20126.452c61.245-.008%20116.372-16.85%20163.457-45.017a139%20139%200%200%200%2014.068-7.962c18.09-12.116%2034.892-25.955%2050.304-41.156l9.452%206.344l12.456%208.322c57.527%2038.257%20113.763%2072.617%20169.856%2079.27a143%20143%200%200%200%2018.314%201.157c43.017%200%2054.991-52.68%2057.387-95.508l.145-2.84c.392-8.463-6.197-15.595-14.648-15.863c-75.468-2.365-136.452-22.043-192.008-46.11l-6.267-2.742c35.146-56.8%2056.657-121.816%2057.155-186.661l.082-1.083c.401-5.515-3.997-10.198-9.52-10.198H549.33v-58.301h165.732c9.92%200%2014.28-22.117%2014.27-39.311c-.01-2.686-2.089-4.922-4.779-4.922H549.32v-82.35c0-2.656-2.175-4.778-4.827-4.778m-216.5%20351.847c54.627%200%20107.073%2022.417%20158.09%2052.19l5.77%203.402c-103.575%20119.837-247.172%2095.903-261.724%2026.37a67%2067%200%200%201-1.138-9.83l-.057-2.336l.013-.907c.969-40.113%2045.337-68.89%2099.045-68.89%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}单文件 CSS 即可播放，无需任何依赖；描画动效仅对描边类图标生效。
透明度往复渐变，适合状态提示与在线指示。
.icon-alipay-circle-outlined {
animation: icon-breathe 1.8s ease-in-out infinite;
}
@keyframes icon-breathe {
0%, 100% { opacity: 1; }
50% { opacity: 0.35; }
}匀速循环旋转，适合加载中场景。
.icon-alipay-circle-outlined {
animation: icon-spin 1.6s linear infinite;
}
@keyframes icon-spin {
to { transform: rotate(360deg); }
}对源文件的客观技术指标，供工程侧评估引用方式。
文件体积
1.43 KB
1,461 字节
viewBox
0 0 1024 1024
矢量坐标系
图元总数
1
<path> ×1
风格
单色（跟随 currentColor）
填充跟随容器颜色
同时含 width/height 与 viewBox：可以只保留 viewBox，让图标跟随容器自适应缩放。 文件体积 1.43 KB（1,461 字节），图元 1 个，风格为单色（跟随 currentColor）。
关于 alipay-circle-outlined 图标的下载、商用与改色。
它是 Ant Design Icons（ant-design）开源图标集中的 alipay-circle-outlined 图标，单色（跟随 currentColor），viewBox 为 0 0 1024 1024，文件仅 1.43 KB，矢量格式可无损缩放到任意尺寸。
点击「下载与导出」中的 SVG 源文件按钮保存矢量文件；也可以按 512 / 256 / 128 / 64 / 32 / 16px 预设导出 PNG，或在输入框填 16~1024 之间的任意尺寸。需要 iOS、Android 全套尺寸时，用素材包生成器一键打包。
该图标采用 MIT（MIT） 开源协议，通常允许在遵守协议的前提下免费使用，常见要求是保留作者版权声明。商用前建议阅读协议原文确认。
在「预览与场景」的色板中切换颜色，三底色与全部场景会实时跟随；点击任一相近图标可打开预览弹层，复制对应颜色的 SVG 源码或 PNG。也可以复制 SVG 源码后自行修改 fill 值。