支付寶
Alipay
Blik
Blik 官方向量標誌，歸屬金融支付分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。
色彩提取
點選直接複製色值下載
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連限時特惠碼 6666888 享95折
- 向量格式
- SVG · 3:2
- 匯出解析度
- 1024 × 1024 px
- 畫布視口
- 0 0 120 80
- 原始碼體積
- 3.8 KB · 6 個路徑節點
編輯與匯出
修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成
顏色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Blik.zip
品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- Blik
- 行業分類歸屬
- 金融支付
- 官方基色 (HEX / RGB / HSL)
- #5A5A5Argb(90, 90, 90) · hsl(0, 0%, 35%)
- WCAG 亮暗底對比度與向量體積
- 白底 6.9:1 · 暗底 2.9:1 · 3.8 KB
向量程式碼片段
<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="80" rx="4" fill="url(#paint0_linear_1349_167)"/>
<g filter="url(#filter0_d_1349_167)">
<path d="M46.1362 26.7057C46.1565 23.574 43.6343 21.0189 40.5027 20.9986C37.3711 20.9782 34.8159 23.5004 34.7956 26.632C34.7753 29.7636 37.2975 32.3188 40.4291 32.3391C43.5607 32.3595 46.1158 29.8373 46.1362 26.7057Z" fill="url(#paint1_linear_1349_167)"/>
</g>
<g filter="url(#filter1_d_1349_167)">
<path d="M89.7466 58.7831H97.9114L88.1018 46.1135L96.997 35.2271H89.5914L80.8562 46.1815V22.8215H74.5162V58.7831H80.8562L80.8514 46.2119L89.7466 58.7831Z" fill="white"/>
<path d="M50.5937 22.8167H56.9321V58.7815H50.5937V22.8167Z" fill="white"/>
<path d="M62.5569 35.2255H68.8953V58.7815H62.5569V35.2255Z" fill="white"/>
<path d="M34.1145 34.9903C32.13 34.9875 30.176 35.4779 28.4281 36.4175V22.8175H22.0889V47.0111C22.0882 49.3893 22.7929 51.7143 24.1136 53.692C25.4344 55.6697 27.3119 57.2114 29.5089 58.122C31.7058 59.0326 34.1235 59.2712 36.4561 58.8078C38.7887 58.3443 40.9315 57.1996 42.6134 55.5183C44.2954 53.837 45.441 51.6946 45.9054 49.3622C46.3698 47.0298 46.1321 44.6121 45.2224 42.4148C44.3126 40.2175 42.7717 38.3393 40.7945 37.0177C38.8173 35.6962 36.4927 34.9906 34.1145 34.9903ZM34.1145 52.7983C32.9701 52.7983 31.8514 52.459 30.8998 51.8232C29.9482 51.1874 29.2066 50.2837 28.7686 49.2265C28.3306 48.1692 28.216 47.0058 28.4392 45.8833C28.6624 44.7609 29.2134 43.7299 30.0226 42.9206C30.8317 42.1113 31.8627 41.5602 32.9851 41.3368C34.1075 41.1134 35.2709 41.2279 36.3283 41.6657C37.3856 42.1036 38.2894 42.8451 38.9253 43.7966C39.5612 44.748 39.9007 45.8667 39.9009 47.0111C39.9012 47.7711 39.7517 48.5237 39.4611 49.226C39.1704 49.9282 38.7442 50.5663 38.2068 51.1037C37.6695 51.6411 37.0314 52.0674 36.3293 52.3582C35.6271 52.649 34.8745 52.7985 34.1145 52.7983Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_1349_167" x="34.7959" y="20.9984" width="14.5408" height="14.5408" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1.6" dy="1.6"/>
<feGaussianBlur stdDeviation="0.8"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1349_167"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1349_167" result="shape"/>
</filter>
<filter id="filter1_d_1349_167" x="22.0889" y="22.8167" width="79.0223" height="39.4216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1.6" dy="1.6"/>
<feGaussianBlur stdDeviation="0.8"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1349_167"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1349_167" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1349_167" x1="60" y1="79.44" x2="60" y2="0.320003" gradientUnits="userSpaceOnUse">
<stop stop-color="#5A5A5A"/>
<stop offset="0.146" stop-color="#484848"/>
<stop offset="0.52" stop-color="#212121"/>
<stop offset="0.817" stop-color="#080808"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="paint1_linear_1349_167" x1="36.4253" y1="30.646" x2="44.5065" y2="22.6803" gradientUnits="userSpaceOnUse">
<stop stop-color="#E52F08"/>
<stop offset="1" stop-color="#E94F96"/>
</linearGradient>
</defs>
</svg>
設計應用建議
- 保持原生 3:2 寬高比（viewBox "0 0 120 80"）等比例縮放，切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋
