跳到主要内容

Spoke

Spoke 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Spoke Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Spoke
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#FF5252rgb(255, 82, 82) · hsl(0, 100%, 66%)
WCAG 亮暗底对比度与矢量体积
白底 3.2:1 · 暗底 6.2:1 · 3.5 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><clipPath ><use xlink:href="#J"/></clipPath><clipPath ><use xlink:href="#K"/></clipPath><clipPath ><use xlink:href="#L"/></clipPath><clipPath ><use xlink:href="#M"/></clipPath><clipPath ><use xlink:href="#N"/></clipPath><clipPath id="F"><use xlink:href="#O"/></clipPath><clipPath id="G"><use xlink:href="#P"/></clipPath><clipPath id="H"><use xlink:href="#Q"/></clipPath><clipPath id="I"><use xlink:href="#R"/></clipPath><path id="J" d="M97.5 20.2c-3.5 0-6.2-2.5-6.2-6.1 0-3.4 2.4-6.1 5.8-6.1 3.9 0 5.7 3.2 5.7 5.7 0 1-.7 1.6-1.6 1.6h-6.6c.3 1.5 1.4 2.3 2.9 2.3.9 0 1.7-.3 2.4-.8.2-.2.5-.3.8-.3.7 0 1.3.6 1.3 1.3a1.53 1.53 0 0 1-.4 1c-1 .9-2.4 1.4-4.1 1.4zm2.2-7c-.2-1.5-1.1-2.5-2.5-2.5s-2.3 1-2.6 2.5z"/><path id="K" d="M80.5 5.5c0-.9.7-1.7 1.7-1.7.9 0 1.7.7 1.7 1.7v7.3l4.2-4c.5-.5.9-.7 1.5-.7a1.47 1.47 0 0 1 1.5 1.5c0 .6-.3 1-.8 1.5l-2.6 2.3 3.1 4.2c.3.4.4.7.4 1.1 0 .9-.7 1.5-1.6 1.5-.7 0-1.1-.2-1.5-.8l-2.9-4-1.3 1.2v1.9c0 .9-.7 1.7-1.7 1.7-.9 0-1.7-.7-1.7-1.7z"/><path id="L" d="M66.7 14.2c0-3.4 2.7-6.2 6.4-6.2s6.4 2.7 6.4 6.1-2.7 6.1-6.4 6.1-6.4-2.7-6.4-6m9.4 0c0-1.8-1.3-3.3-3.1-3.3-1.9 0-3.1 1.5-3.1 3.2s1.3 3.3 3.1 3.3c2 0 3.1-1.5 3.1-3.2"/><path id="M" d="M53.3 9.7c0-.9.7-1.7 1.7-1.7.9 0 1.7.7 1.7 1.7v.2c.7-1.1 1.8-1.9 3.6-1.9 2.7 0 5.4 2.2 5.4 6.1s-2.6 6.1-5.4 6.1c-1.8 0-2.9-.8-3.7-1.8V22c0 .9-.7 1.7-1.7 1.7-.9 0-1.7-.7-1.7-1.7V9.7zm9 4.4c0-2-1.3-3.3-2.9-3.3s-2.9 1.3-2.9 3.3 1.3 3.3 2.9 3.3 2.9-1.3 2.9-3.3z"/><path id="N" d="M40.6 18.4c-.4-.3-.6-.7-.6-1.3a1.58 1.58 0 0 1 1.6-1.6c.4 0 .7.2 1 .3 1.2.9 2.4 1.4 3.9 1.4 1.4 0 2.2-.5 2.2-1.5 0-.9-.5-1.3-3.1-2-3.1-.8-5.1-1.6-5.1-4.7 0-2.8 2.2-4.6 5.4-4.6 1.9 0 3.5.5 4.9 1.4.4.2.7.7.7 1.3a1.58 1.58 0 0 1-1.6 1.6c-.3 0-.6-.1-.9-.2-1.1-.7-2.2-1-3.2-1-1.3 0-2 .6-2 1.3 0 1 .7 1.3 3.3 2 3.1.8 4.9 1.9 4.9 4.6 0 3.1-2.3 4.8-5.7 4.8-2 0-4-.6-5.7-1.8"/><path id="O" d="M12 15.9c.9 1 2.3 1.6 4 1.6s3.1-.6 4-1.6c.6-.6.8-1.2 1-1.7.1-.5-.2-1.1-.7-1.2s-1.1.2-1.2.7c0 0 0 .1-.1.2-.1.2-.2.5-.4.7-.5.6-1.3 1-2.5 1s-2-.4-2.5-1c-.2-.2-.3-.4-.4-.7-.2 0-.2-.1-.2-.2-.1-.5-.7-.8-1.2-.7s-.9.7-.7 1.2c0 .5.3 1.1.9 1.7z"/><path id="P" d="M18.7 6c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3S20 9.3 20 8.6V7.3c0-.7-.6-1.3-1.3-1.3z"/><path id="Q" d="M13.3 6c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3s1.3-.6 1.3-1.3V7.3c.1-.7-.5-1.3-1.3-1.3z"/><path id="R" d="M30 3.9V20c0 1.1-.9 2-2 2H15.4c-.6 0-1.3.2-1.7.6l-3.5 3.2c-.4.4-.7.2-.7-.3v-.7c0-1.4-1.2-2.6-2.7-2.6H4c-1.1 0-2-.9-2-2V3.9c0-1.1.9-2 2-2h24c1.1.1 2 .9 2 2zM4 0C1.8 0 0 1.8 0 3.9v16.3c0 2.2 1.8 3.9 4 3.8h2c.6.1 1 .6 1 1v4.6c0 .3.7.4 1 .4.1 0 .3 0 .4-.1l6.5-5.6c.1-.1.3-.2.4-.3H28c2.2.1 4-1.6 4-3.8V3.9C32 1.8 30.2 0 28 0z"/></defs><g transform="matrix(2 0 0 2 -.000003 1.999996)"><g clip-path="url(#I)"><defs><path id="S" d="M-286-172h649v612h-649z"/></defs><clipPath id="T"><use xlink:href="#S"/></clipPath><path clip-path="url(#T)" d="M-5-5h42v40H-5z" fill="#ff5252"/></g><g clip-path="url(#H)"><defs><path id="U" d="M-286-172h649v612h-649z"/></defs><clipPath id="V"><use xlink:href="#U"/></clipPath><path clip-path="url(#V)" d="M7 1h12.7v13.9H7z" fill="#ff5252"/></g><g clip-path="url(#G)"><defs><path id="W" d="M-286-172h649v612h-649z"/></defs><clipPath id="X"><use xlink:href="#W"/></clipPath><path clip-path="url(#X)" d="M12.3 1H25v13.9H12.3z" fill="#ff5252"/></g><g clip-path="url(#F)"><defs><path id="Y" d="M-286-172h649v612h-649z"/></defs><clipPath id="Z"><use xlink:href="#Y"/></clipPath><path clip-path="url(#Z)" d="M6 8h20v14.6H6z" fill="#ff5252"/></g></g></svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 64 64")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成