支付寶
Alipay
FIF Astra
FIF Astra 官方向量標誌，歸屬金融支付分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。
色彩提取
點選直接複製色值下載
ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連限時特惠碼 6666888 享95折
- 向量格式
- SVG · 0.84:1
- 匯出解析度
- 1024 × 1024 px
- 畫布視口
- 0 0 67 80
- 原始碼體積
- 1.8 KB · 2 個路徑節點
編輯與匯出
修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成
顏色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝FIF Astra.zip
品牌視覺規範與工程參數檔案
面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數
- 品牌實體 / 展示名稱
- FIF Astra
- 行業分類歸屬
- 金融支付
- 官方基色 (HEX / RGB / HSL)
- #F4EC40rgb(244, 236, 64) · hsl(57, 89%, 60%)
- WCAG 亮暗底對比度與向量體積
- 白底 1.2:1 · 暗底 16:1 · 1.8 KB
向量程式碼片段
<svg width="67" height="80" viewBox="0 0 67 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_17736)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1006 31.1049C26.3088 34.2045 6.04217 59.6515 18.4362 78.2838C20.0619 80.7245 20.387 80.5511 20.0229 77.8676C18.1631 64.1687 18.9738 55.7629 35.5599 35.9732C40.6277 29.9777 33.5614 26.1498 29.1006 31.1005V31.1049ZM0.0987418 34.755C-1.67432 14.9783 20.7165 -11.7606 44.2778 5.60578C47.243 7.79067 47.0176 8.95248 43.4195 7.55224C23.8378 -0.0905461 7.18231 15.7413 3.06395 34.9241C2.31832 38.3878 0.402199 38.1321 0.0987418 34.7594V34.755ZM57.5823 21.6934C51.5218 8.92214 75.8721 27.277 61.3451 50.0623C57.3568 56.3222 49.7357 61.6673 42.3704 70.1035C39.7043 73.1554 38.3647 72.3014 40.2245 68.8159C43.6709 62.3566 48.5132 56.4175 52.9003 51.3845C60.6905 42.4455 61.861 30.706 57.5823 21.6934ZM6.12454 60.1501C2.48739 41.7996 10.5594 23.7525 23.0488 16.01C38.7115 6.30373 58.51 21.2728 51.9336 38.5569C47.0826 51.3108 32.6771 60.2281 28.8492 76.6581C27.9821 80.3733 27.6007 80.8719 26.881 77.031C25.4808 67.5284 28.9749 57.2065 42.0843 40.4037C50.8672 28.8246 36.466 13.9422 24.0892 25.0617C15.6965 33.3201 11.4047 42.2374 8.17938 60.046C7.62015 63.1239 6.71845 63.1456 6.12454 60.1501Z" fill="url(#paint0_radial_3802_17736)"/>
</g>
<defs>
<radialGradient id="paint0_radial_3802_17736" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(40.6447 24.1427) scale(36.6793 36.6793)">
<stop offset="0.11" stop-color="#F4EC40"/>
<stop offset="0.24" stop-color="#F3CA3B"/>
<stop offset="0.62" stop-color="#F26A2F"/>
<stop offset="0.87" stop-color="#DB372F"/>
<stop offset="1" stop-color="#D3232F"/>
</radialGradient>
<clipPath id="clip0_3802_17736">
<rect width="66.0451" height="80.0036" fill="white"/>
</clipPath>
</defs>
</svg>
設計應用建議
- 保持原生 0.84:1 寬高比（viewBox "0 0 67 80"）等比例縮放，切勿拉伸變形
- 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
- 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋
