跳到主要内容

i.saku

i.saku 官方矢量标志,归属金融支付分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

i.saku Logo

色彩提取

点击直接复制色值

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 23:40
导出分辨率
1024 × 1024 px
画布视口
0 0 46 80
源码体积
2.0 KB · 4 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装i.saku.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
i.saku
行业分类归属
金融支付
官方基色 (HEX / RGB / HSL)
#00B0C3rgb(0, 176, 195) · hsl(186, 100%, 38%)
WCAG 亮暗底对比度与矢量体积
白底 2.6:1 · 暗底 7.5:1 · 2.0 KB

矢量代码片段

<svg width="46" height="80" viewBox="0 0 46 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_18159)">
<path d="M20.2119 19.2143H40.4877C43.4166 19.2143 45.3159 21.5953 45.3159 24.2661V67.0709C45.3159 70.9014 42.8047 73.2504 40.4877 74.0219L23.4946 79.7518C23.4946 79.7518 18.3126 75.2136 16.5116 68.6802C16.5116 68.6802 18.7106 71.6238 22.2881 71.6238C26.5364 71.6238 30.2049 68.3657 30.2049 64.3091C30.2049 60.2525 30.2294 40.7506 30.2294 32.544C30.2294 24.3374 22.9884 19.7991 20.2119 19.2119V19.2143Z" fill="url(#paint0_linear_3802_18159)"/>
<path d="M22.4552 80C22.4552 80 14.9317 73.0882 14.9317 64.5917V32.3769C14.9317 27.2932 20.5952 25.8116 22.5904 25.8116C24.5855 25.8116 27.0966 27.0352 28.738 28.9665C28.738 28.9665 27.2908 23.6248 22.6223 21.3397C17.9563 19.0546 14.7695 19.2168 13.0643 19.2168C11.3591 19.2168 7.33438 19.2168 5.05175 19.2168C2.76913 19.2168 0 20.6616 0 24.556V68.1004C0 72.0096 3.84533 73.5551 5.48665 74.135C7.12798 74.7148 22.4552 80 22.4552 80Z" fill="url(#paint1_linear_3802_18159)"/>
<path d="M30.2515 7.65871C30.2515 11.8898 26.8215 15.3174 22.5928 15.3174C18.3642 15.3174 14.9341 11.8873 14.9341 7.65871C14.9341 3.43008 18.3617 0 22.5928 0C26.8239 0 30.2515 3.43008 30.2515 7.65871Z" fill="url(#paint2_linear_3802_18159)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_18159" x1="30.9126" y1="19.5362" x2="30.9126" y2="78.8182" gradientUnits="userSpaceOnUse">
<stop stop-color="#00B0C3"/>
<stop offset="1" stop-color="#3151B0"/>
</linearGradient>
<linearGradient id="paint1_linear_3802_18159" x1="14.369" y1="19.5363" x2="14.369" y2="80.3244" gradientUnits="userSpaceOnUse">
<stop stop-color="#3151B0"/>
<stop offset="1" stop-color="#00B0C3"/>
</linearGradient>
<linearGradient id="paint2_linear_3802_18159" x1="22.5928" y1="0.515986" x2="22.5928" y2="15.6884" gradientUnits="userSpaceOnUse">
<stop stop-color="#FABE40"/>
<stop offset="1" stop-color="#F07728"/>
</linearGradient>
<clipPath id="clip0_3802_18159">
<rect width="45.3159" height="80" fill="white"/>
</clipPath>
</defs>
</svg>

设计应用建议

  • 保持原生 23:40 宽高比(viewBox "0 0 46 80")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成