支付寶
Alipay
i.saku
i.saku 官方向量標誌，歸屬金融支付分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。
色彩提取
點選直接複製色值下載
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連限時特惠碼 6666888 享95折
- 向量格式
- SVG · 23:40
- 匯出解析度
- 1024 × 1024 px
- 畫布視口
- 0 0 46 80
- 原始碼體積
- 2.0 KB · 4 個路徑節點
編輯與匯出
修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成
顏色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝i.saku.zip
品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- i.saku
- 行業分類歸屬
- 金融支付
- 官方基色 (HEX / RGB / HSL)
- #00B0C3rgb(0, 176, 195) · hsl(186, 100%, 38%)
- WCAG 亮暗底對比度與向量體積
- 白底 2.6:1 · 暗底 7.5:1 · 2.0 KB
向量程式碼片段
<svg width="46" height="80" viewBox="0 0 46 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_18159)">
<path d="M20.2119 19.2143H40.4877C43.4166 19.2143 45.3159 21.5953 45.3159 24.2661V67.0709C45.3159 70.9014 42.8047 73.2504 40.4877 74.0219L23.4946 79.7518C23.4946 79.7518 18.3126 75.2136 16.5116 68.6802C16.5116 68.6802 18.7106 71.6238 22.2881 71.6238C26.5364 71.6238 30.2049 68.3657 30.2049 64.3091C30.2049 60.2525 30.2294 40.7506 30.2294 32.544C30.2294 24.3374 22.9884 19.7991 20.2119 19.2119V19.2143Z" fill="url(#paint0_linear_3802_18159)"/>
<path d="M22.4552 80C22.4552 80 14.9317 73.0882 14.9317 64.5917V32.3769C14.9317 27.2932 20.5952 25.8116 22.5904 25.8116C24.5855 25.8116 27.0966 27.0352 28.738 28.9665C28.738 28.9665 27.2908 23.6248 22.6223 21.3397C17.9563 19.0546 14.7695 19.2168 13.0643 19.2168C11.3591 19.2168 7.33438 19.2168 5.05175 19.2168C2.76913 19.2168 0 20.6616 0 24.556V68.1004C0 72.0096 3.84533 73.5551 5.48665 74.135C7.12798 74.7148 22.4552 80 22.4552 80Z" fill="url(#paint1_linear_3802_18159)"/>
<path d="M30.2515 7.65871C30.2515 11.8898 26.8215 15.3174 22.5928 15.3174C18.3642 15.3174 14.9341 11.8873 14.9341 7.65871C14.9341 3.43008 18.3617 0 22.5928 0C26.8239 0 30.2515 3.43008 30.2515 7.65871Z" fill="url(#paint2_linear_3802_18159)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_18159" x1="30.9126" y1="19.5362" x2="30.9126" y2="78.8182" gradientUnits="userSpaceOnUse">
<stop stop-color="#00B0C3"/>
<stop offset="1" stop-color="#3151B0"/>
</linearGradient>
<linearGradient id="paint1_linear_3802_18159" x1="14.369" y1="19.5363" x2="14.369" y2="80.3244" gradientUnits="userSpaceOnUse">
<stop stop-color="#3151B0"/>
<stop offset="1" stop-color="#00B0C3"/>
</linearGradient>
<linearGradient id="paint2_linear_3802_18159" x1="22.5928" y1="0.515986" x2="22.5928" y2="15.6884" gradientUnits="userSpaceOnUse">
<stop stop-color="#FABE40"/>
<stop offset="1" stop-color="#F07728"/>
</linearGradient>
<clipPath id="clip0_3802_18159">
<rect width="45.3159" height="80" fill="white"/>
</clipPath>
</defs>
</svg>
設計應用建議
- 保持原生 23:40 寬高比（viewBox "0 0 46 80"）等比例縮放，切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋
