ESMA
金融支付
支付宝
支付宝（Alipay） 官方矢量标志，归属金融支付分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
色彩提取
点击直接复制色值单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正
下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 1:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- 0 0 100 100
- 源码体积
- 16.8 KB · 5 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装支付宝.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- 支付宝 (Alipay)
- 行业分类归属
- 金融支付
- 官方基色 (HEX / RGB / HSL)
- #1677FFrgb(22, 119, 255) · hsl(215, 100%, 54%)
- WCAG 亮暗底对比度与矢量体积
- 白底 4.1:1 · 暗底 4.8:1 · 16.8 KB
矢量代码片段
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style>
.cls-1 {
isolation: isolate;
}
.cls-2 {
fill: none;
}
.cls-2, .cls-3, .cls-4, .cls-5 {
stroke-width: 0px;
}
.cls-6 {
clip-path: url(#clippath-1);
}
.cls-3 {
fill: url(#_2);
}
.cls-4 {
fill: url(#_4);
}
.cls-5 {
fill: #1677ff;
}
.cls-7 {
clip-path: url(#clippath);
}
</style>
<linearGradient id="_4" data-name="4" x1="21.32" y1="684.24" x2="34" y2="706.21" gradientTransform="translate(5.15 770) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#1677ff" stop-opacity=".8"/>
<stop offset=".16" stop-color="#0c6bfc" stop-opacity=".89"/>
<stop offset=".36" stop-color="#0562fa" stop-opacity=".95"/>
<stop offset=".6" stop-color="#015df8" stop-opacity=".99"/>
<stop offset="1" stop-color="#005bf8"/>
</linearGradient>
<clipPath id="clippath">
<path class="cls-2" d="M24.26,60.65c7.91,0,15.49,3.36,22.86,7.74,3.51,2.09,6.97,4.4,10.41,6.7,9.77,6.54,19.23,12.9,28.68,13.22-15.18-.55-20.71-17.71-33.36-28.55-8.41-3.96-16.81-7.32-27.13-7.32-12.17,0-20.73,7.92-20.73,17.99s8.75,17.9,20.73,17.9c8.82.03,17.44-2.58,24.76-7.5-12.75,8.2-40.05,2.86-40.05-10.41,0-5.67,6.25-9.77,13.82-9.77Z"/>
</clipPath>
<clipPath id="clippath-1">
<rect class="cls-2" x="3.94" y="51.38" width="83.34" height="38.01"/>
</clipPath>
<linearGradient id="_2" data-name="2" x1="47.71" y1="695.95" x2="89.85" y2="695.95" gradientTransform="translate(5.15 770) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset=".12" stop-color="#1677ff"/>
<stop offset=".29" stop-color="#1677ff" stop-opacity=".85"/>
<stop offset=".51" stop-color="#1677ff" stop-opacity=".7"/>
<stop offset=".7" stop-color="#1677ff" stop-opacity=".59"/>
<stop offset=".87" stop-color="#1677ff" stop-opacity=".52"/>
<stop offset="1" stop-color="#1677ff" stop-opacity=".5"/>
</linearGradient>
</defs>
<path class="cls-5" d="M79.52,23.82h-24.48v-11.47c0-.37-.3-.67-.66-.67,0,0,0,0-.01,0-9.94,0-12.11,2.45-12.11,5.65v6.5h-23.23c-1.39,0-1.99,3.21-1.99,5.48,0,.37.29.68.66.69,0,0,0,0,0,0h24.56v8.13h-16.28c-1.39,0-2,3.31-1.99,5.5,0,.37.3.66.66.66,0,0,0,0,0,0h32.69c-.58,5.38-2.1,10.62-4.48,15.48,4.01,1.89,8.03,3.92,12.26,5.8,4.94-7.94,7.95-17.03,8.01-26.1,0-.74-.59-1.34-1.32-1.34,0,0,0,0-.01,0h-16.75v-8.13h23.16c1.39,0,1.99-3.08,1.99-5.48,0-.37-.29-.68-.66-.69,0,0,0,0-.01,0Z"/>
<path class="cls-4" d="M10.43,70.43c-.02,13.27,27.34,18.62,40.07,10.39,2.51-1.69,4.86-3.61,7.01-5.74-.42-.29-2.6-1.87-5.1-3.49-1.83-1.19-3.88-2.36-5.3-3.2-15.23,17.59-36.68,12.93-36.68,2.04Z"/>
<g class="cls-7">
<g class="cls-6">
<image class="cls-1" width="818" height="374" transform="translate(3.91 51.35) scale(.1)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzIAAAFx...[数据已省略，点击复制或下载获取完整源码]..."/>
</g>
</g>
<path class="cls-3" d="M86.97,88.33c6.14,0,7.75-7.66,8.03-13.69.05-1.16-.84-2.15-2.01-2.2-.01,0-.02,0-.03,0-16.8-.53-28.45-7.18-40.1-12.67,12.84,11.02,18.35,28.57,34.11,28.57Z"/>
</svg>设计应用建议
- 保持原生 1:1 宽高比（viewBox "0 0 100 100"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 内含矢量渐变节点，请勿强制使用 CSS fill: currentColor 扁平覆盖
