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 扁平覆蓋
