跳到主要内容

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 扁平覆盖
查看更多同类
操作已完成