跳到主要內容

Oblio

Oblio 官方向量標誌,歸屬金融支付分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Oblio Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 192 192
原始碼體積
4.2 KB · 29 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Oblio.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Oblio
行業分類歸屬
金融支付
官方基色 (HEX / RGB / HSL)
#EF473Ergb(239, 71, 62) · hsl(3, 85%, 59%)
WCAG 亮暗底對比度與向量體積
白底 3.7:1 · 暗底 5.3:1 · 4.2 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 192"><title>Oblio</title><path fill="#fbb363" d="M92.5-.5h3q16.863 3.483 34 7v1h-70z" style="opacity:.979"/><path fill="#ef5260" d="M60.5 7.5h69q1.248 1.243-1 2.5a78.7 78.7 0 0 0-12 9q.834.575 1 1.5a5.73 5.73 0 0 0-3 1q.257-1.488-1-2a622 622 0 0 1-53-12" style="opacity:1"/><path fill="#f48574" d="M129.5 7.5v-1a193 193 0 0 1 32 19 744 744 0 0 1-44-5q-.166-.925-1-1.5a78.7 78.7 0 0 1 12-9q2.248-1.257 1-2.5" style="opacity:.983"/><path fill="#f8bb15" d="M59.5 7.5h1a622 622 0 0 0 53 12 5295 5295 0 0 1-64 14 4.93 4.93 0 0 1-3-.5 267 267 0 0 0 11-24.5q.513-1.257 2-1" style="opacity:1"/><path fill="#f79327" d="M57.5 8.5a267 267 0 0 1-11 24.5q1.422.725 3 .5v1h-4q-11.614.945-22-2a592 592 0 0 1 34-24" style="opacity:1"/><path fill="#f39e52" d="M113.5 19.5q1.257.512 1 2a315 315 0 0 0-8 34h-2a2099 2099 0 0 1-55-21v-1q32.22-6.84 64-14" style="opacity:1"/><path fill="#ed384f" d="M117.5 20.5a744 744 0 0 0 44 5q1.257.512 1 2a1096 1096 0 0 0-56 28 315 315 0 0 1 8-34 5.73 5.73 0 0 1 3-1" style="opacity:1"/><path fill="#fbb15c" d="M23.5 32.5q10.386 2.945 22 2a906 906 0 0 0-24.5 26 182 182 0 0 1-20.5 19 1539 1539 0 0 1 23-47" style="opacity:.996"/><path fill="#ef473e" d="M45.5 34.5h4a2099 2099 0 0 0 55 21A2737 2737 0 0 1 4.5 80q-.834.575-1 1.5-1.487-.257-2 1h-2v-2q1 0 1-1a182 182 0 0 0 20.5-19 906 906 0 0 1 24.5-26" style="opacity:1"/><path fill="#ae2948" d="M162.5 27.5a175704 175704 0 0 0-74 59 4.93 4.93 0 0 1 .5-3 237 237 0 0 0 16.5-28h1a1096 1096 0 0 1 56-28" style="opacity:1"/><path fill="#e32292" d="M188.5 67.5q0 1-1 1a1313 1313 0 0 0-66 11h-1q25.5-21.489 52-42a323 323 0 0 1 16 30" style="opacity:.999"/><path fill="#f26a23" d="M104.5 55.5h1a237 237 0 0 1-16.5 28 4.93 4.93 0 0 0-.5 3q0 1-1 1-1.663-1.185-4-1.5a6435 6435 0 0 1-80-4.5q.166-.925 1-1.5a2737 2737 0 0 0 100-24.5" style="opacity:1"/><path fill="#b41d8d" d="m187.5 68.5-1 2a4.93 4.93 0 0 0-3 .5 5420 5420 0 0 1-73 52.5 530 530 0 0 1 11-44 1313 1313 0 0 1 66-11" style="opacity:1"/><path fill="#b84198" d="m186.5 70.5-33 50h-1a938 938 0 0 0-43 4q0-1 1-1a5420 5420 0 0 0 73-52.5 4.93 4.93 0 0 1 3-.5" style="opacity:1"/><path fill="#4262ad" d="M188.5 67.5q1.473 5.193 1 11-1.203-2.177-1.5-5a824 824 0 0 0-15 79q.625-1.884 2.5-2l-4 8a1341 1341 0 0 1-18-38l33-50 1-2q1 0 1-1" style="opacity:1"/><path fill="#27498d" d="M189.5 78.5a329 329 0 0 0 2 15v22a562 562 0 0 0-16 35q-1.875.116-2.5 2a824 824 0 0 1 15-79q.297 2.823 1.5 5" style="opacity:1"/><path fill="#e32191" d="M120.5 79.5h1a530 530 0 0 0-11 44q-1 0-1 1-22.99.913-46 1v-1a1843 1843 0 0 1 57-45" style="opacity:.999"/><path fill="#ee2e3d" d="M1.5 82.5q.513-1.257 2-1a6435 6435 0 0 0 80 4.5q2.337.315 4 1.5a280 280 0 0 1-27.5 21 4656 4656 0 0 1-58.5-26" style="opacity:.999"/><path fill="#ef4f84" d="M-.5 97.5a587373 587373 0 0 1 64 27v1q-1 0-1 1l-34 15q-1.488.257-2-1-11.43-21.216-27-41z" style="opacity:.999"/><path fill="#f38374" d="M-.5 99.5q15.57 19.784 27 41a232 232 0 0 1-18-9.5q-1.875-1.11-3 .5a303 303 0 0 1-6-26z" style="opacity:.983"/><path fill="#8b4c9e" d="M152.5 120.5a65810 65810 0 0 0-52 39h-1a730 730 0 0 0 10-35 938 938 0 0 1 43-4" style="opacity:1"/><path fill="#5e98d1" d="M152.5 120.5h1a1341 1341 0 0 0 18 38q-.5 1.5-2 2a2761 2761 0 0 0-69-1 65810 65810 0 0 1 52-39" style="opacity:1"/><path fill="#cf81b6" d="M109.5 124.5a730 730 0 0 1-10 35q0 1-1 1a340 340 0 0 0-36-34q0-1 1-1a1280 1280 0 0 0 46-1" style="opacity:1"/><path fill="#ab4398" d="M62.5 126.5a750 750 0 0 1-28 44 302 302 0 0 1-6-29z" style="opacity:1"/><path fill="#823c94" d="M62.5 126.5a340 340 0 0 1 36 34q0 1-1 1l-61 9.5q-.834.575-1 1.5h-1v-2a750 750 0 0 0 28-44" style="opacity:1"/><path fill="#a22b6d" d="M26.5 140.5q.512 1.257 2 1a302 302 0 0 0 6 29v2a905 905 0 0 1-29-41q1.125-1.61 3-.5a232 232 0 0 0 18 9.5" style="opacity:.999"/><path fill="#2272b9" d="M99.5 159.5h1q34.497.069 69 1l-3 2q.045-1.496-1.5-2A3438 3438 0 0 0 76.5 190q2.337.315 4 1.5h-8l25-30q1 0 1-1 1 0 1-1" style="opacity:1"/><path fill="#613089" d="m97.5 161.5-25 30h-2a882 882 0 0 1-35-19q.166-.925 1-1.5z" style="opacity:.999"/><path fill="#254c8f" d="M166.5 162.5a59711 59711 0 0 1-41 26.5q-17.72 1.405-35 2.5h-10q-1.663-1.185-4-1.5a3438 3438 0 0 1 88.5-29.5q1.545.504 1.5 2" style="opacity:.994"/></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 192 192")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成