跳到主要内容

Vuetify

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

Vuetify Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Vuetify
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#AEDDFFrgb(174, 221, 255) · hsl(205, 100%, 84%)
WCAG 亮暗底对比度与矢量体积
白底 1.4:1 · 暗底 13.8:1 · 1.1 KB

矢量代码片段

<svg width="400" height="400" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="200.025" cy="199.975" r="186.895" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M200.025 390.404C305.196 390.404 390.453 305.146 390.453 199.975C390.453 94.8048 305.196 9.54706 200.025 9.54706C94.8539 9.54706 9.59619 94.8048 9.59619 199.975C9.59619 305.146 94.8539 390.404 200.025 390.404ZM200.025 394.197C307.29 394.197 394.246 307.24 394.246 199.975C394.246 92.7098 307.29 5.75366 200.025 5.75366C92.7589 5.75366 5.8028 92.7098 5.8028 199.975C5.8028 307.24 92.7589 394.197 200.025 394.197Z" fill="#AEDDFF"/>
<path d="M203.087 172.693L144.963 273.389L200 368.773L272.896 242.513L345.759 116.253H235.651L203.087 172.693Z" fill="#1697F6"/>
<path d="M127.137 242.513L130.955 249.153L185.328 154.931L207.668 116.253H200H54.2415L127.137 242.513Z" fill="#AEDDFF"/>
<path d="M235.651 116.253C263.203 206.922 200 368.773 200 368.773L144.963 273.389L235.651 116.253Z" fill="#1867C0"/>
<path d="M207.668 116.253C91.586 116.253 130.955 249.153 130.955 249.153L207.668 116.253Z" fill="#7BC6FF"/>
</svg>

设计应用建议

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