跳到主要內容

Yodlee

Yodlee 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Yodlee Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Yodlee
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#0086C3rgb(0, 134, 195) · hsl(199, 100%, 38%)
WCAG 亮暗底對比度與向量體積
白底 4:1 · 暗底 4.9:1 · 4.1 KB

向量程式碼片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><linearGradient y2="36.687" x2="2.927" y1="44.086" x1="21.568" id="A" xlink:href="#Q"><stop offset="0" stop-color="#64c2e7"/><stop offset="1" stop-color="#a9dde4"/></linearGradient><linearGradient y2="43.59" x2="2.853" y1="50.989" x1="21.495" id="B" xlink:href="#Q"><stop offset="0" stop-color="#64c2e7"/><stop offset="1" stop-color="#a9dde4"/></linearGradient><linearGradient y2="43.835" x2="2.978" y1="51.235" x1="21.619" id="C" xlink:href="#Q"><stop offset="0" stop-color="#64c2e7"/><stop offset="1" stop-color="#a9dde4"/></linearGradient><linearGradient y2="50.768" x2="2.792" y1="58.168" x1="21.434" id="D" xlink:href="#Q"><stop offset="0" stop-color="#64c2e7"/><stop offset="1" stop-color="#a9dde4"/></linearGradient><linearGradient y2="50.98" x2="3.825" y1="58.373" x1="22.448" id="E" xlink:href="#Q"><stop offset="0" stop-color="#64c2e7"/><stop offset=".343" stop-color="#84cce5"/><stop offset=".75" stop-color="#9fd8e4"/><stop offset="1" stop-color="#a9dde4"/></linearGradient><linearGradient y2="63.196" x2="2.73" y1="58.005" x1="21.604" id="F" xlink:href="#Q"><stop offset="0" stop-color="#00548b"/><stop offset="1" stop-color="#007ebf"/></linearGradient><linearGradient y2="57.966" x2="2.956" y1="57.966" x1="21.735" id="G" xlink:href="#Q"><stop offset="0" stop-color="#0086c3"/><stop offset=".988" stop-color="#30aee4"/></linearGradient><linearGradient y2="49.202" x2="2.673" y1="44.009" x1="21.552" id="H" xlink:href="#Q"><stop offset="0" stop-color="#00548b"/><stop offset="1" stop-color="#007ebf"/></linearGradient><linearGradient y2="49.168" x2="2.786" y1="43.974" x1="21.667" id="I" xlink:href="#Q"><stop offset="0" stop-color="#00548b"/><stop offset="1" stop-color="#007ebf"/></linearGradient><linearGradient y2="43.955" x2="2.956" y1="43.955" x1="21.735" id="J" xlink:href="#Q"><stop offset="0" stop-color="#0086c3"/><stop offset=".988" stop-color="#30aee4"/></linearGradient><linearGradient y2="46.92" x2="2.962" y1="46.92" x1="21.742" id="K" xlink:href="#Q"><stop offset="0" stop-color="#0086c3"/><stop offset=".988" stop-color="#30aee4"/></linearGradient><linearGradient y2="50.011" x2="2.962" y1="50.011" x1="21.742" id="L" xlink:href="#Q"><stop offset="0" stop-color="#0086c3"/><stop offset=".988" stop-color="#30aee4"/></linearGradient><linearGradient y2="56.19" x2="2.771" y1="50.996" x1="21.65" id="M" xlink:href="#Q"><stop offset="0" stop-color="#00548b"/><stop offset="1" stop-color="#007ebf"/></linearGradient><linearGradient y2="56.164" x2="2.868" y1="50.971" x1="21.748" id="N" xlink:href="#Q"><stop offset="0" stop-color="#00548b"/><stop offset="1" stop-color="#007ebf"/></linearGradient><linearGradient y2="50.972" x2="2.956" y1="50.972" x1="21.735" id="O" xlink:href="#Q"><stop offset="0" stop-color="#0086c3"/><stop offset=".988" stop-color="#30aee4"/></linearGradient><linearGradient y2="53.933" x2="2.962" y1="53.933" x1="21.742" id="P" xlink:href="#Q"><stop offset="0" stop-color="#0086c3"/><stop offset=".988" stop-color="#30aee4"/></linearGradient><linearGradient id="Q" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(2.025317 0 0 2.025317 7.189878 -69.265835)"><path d="M13.6 43.5l8.1-2.2-18.9-7.1v5.3z" fill="url(#A)"/><path d="M19.1 47.3L11 49.6l2.6 1 8.1-2.3z" fill="url(#B)"/><path d="M2.8 41.2v5.3l8.2-2.2z" fill="url(#C)"/><path d="M2.8 51.8v1.7l8.2-2.2-2.6-1z" fill="url(#D)"/><path d="M21.7 55.3l-2.6-1-8.1 2.3 2.6 1z" fill="url(#E)"/><path d="M2.8 65.8l18.9-5.2-8.1-3-10.8 2.9z" fill="url(#F)"/><path d="M21.7 60.6v-5.3l-8.1 2.3z" fill="url(#G)"/><path d="M2.8 48.2l5.6 2.1 2.6-.7-8.2-3.1z" fill="url(#H)"/><path d="M19.1 47.3l2.6-.7-8.1-3.1-2.6.8z" fill="url(#I)"/><path d="M21.7 41.3l-8.1 2.2 8.1 3.1z" fill="url(#J)"/><path d="M11 49.6l8.1-2.3-8.1-3-8.2 2.2z" fill="url(#K)"/><path d="M2.8 48.2v3.6l5.6-1.5z" fill="url(#L)"/><path d="M21.7 53.6l-8.1-3-2.6.7 8.1 3z" fill="url(#M)"/><path d="M2.8 53.5v5.3l8.2-2.2z" fill="url(#N)"/><path d="M21.7 53.6v-5.3l-8.1 2.3z" fill="url(#O)"/><path d="M19.1 54.3l-8.1-3-8.2 2.2 8.2 3.1z" fill="url(#P)"/></g></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成