跳到主要内容

Qwik

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

Qwik Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Qwik
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#4340C4rgb(67, 64, 196) · hsl(241, 53%, 51%)
WCAG 亮暗底对比度与矢量体积
白底 7.6:1 · 暗底 2.6:1 · 2.9 KB

矢量代码片段

<svg viewBox="0 0 256 274" width="256" height="274" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><defs><linearGradient x1="22.347%" y1="49.545%" x2="77.517%" y2="50.388%" id="a"><stop stop-color="#4340C4" offset="0%"/><stop stop-color="#4642C8" offset="12%"/><stop stop-color="#594EE4" offset="100%"/></linearGradient><linearGradient x1="38.874%" y1="49.845%" x2="60.879%" y2="50.385%" id="b"><stop stop-color="#4340C4" offset="0%"/><stop stop-color="#534ADB" offset="74%"/><stop stop-color="#594EE4" offset="100%"/></linearGradient><linearGradient x1="-.004%" y1="49.529%" x2="100.123%" y2="50.223%" id="c"><stop stop-color="#4340C4" offset="0%"/><stop stop-color="#4340C4" offset="23%"/><stop stop-color="#4F48D5" offset="60%"/><stop stop-color="#594EE4" offset="100%"/></linearGradient><linearGradient x1="35.4%" y1="49.459%" x2="64.895%" y2="50.085%" id="d"><stop stop-color="#0080FF" offset="0%"/><stop stop-color="#00B9FF" offset="100%"/></linearGradient><linearGradient x1="-.243%" y1="49.366%" x2="100.411%" y2="50.467%" id="e"><stop stop-color="#0080FF" offset="0%"/><stop stop-color="#008BFF" offset="17%"/><stop stop-color="#00A7FF" offset="47%"/><stop stop-color="#00B9FF" offset="63%"/><stop stop-color="#00B9FF" offset="100%"/></linearGradient><linearGradient x1="-.125%" y1="49.627%" x2="100.225%" y2="50.101%" id="f"><stop stop-color="#00B9FF" offset="0%"/><stop stop-color="#0080FF" offset="30%"/><stop stop-color="#2D67F1" offset="60%"/><stop stop-color="#4D55E8" offset="86%"/><stop stop-color="#594EE4" offset="100%"/></linearGradient><linearGradient x1="4.557%" y1="50.184%" x2="99.354%" y2="51.298%" id="g"><stop stop-color="#4340C4" offset="0%"/><stop stop-color="#4642C8" offset="12%"/><stop stop-color="#594EE4" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="m175.051 236.859 25.162-15.071 49.298-86.929-76.287 89.097z"/><path d="m242.337 80.408-4.926-9.4-1.932-3.663-.2.196-25.818-47.015C202.984 8.65 190.631 1.231 177.01 1.074l-25.074.206L188.15 114.8l-23.958 23.331 8.924 86.245 73.769-84.021c10.005-11.587 11.97-28.09 4.92-41.646l-9.466-18.302h-.002Z" fill="url(#b)"/><path d="m201.113 72.256-43.18-70.907L83.41.003C70.165-.15 57.83 6.573 50.88 17.87l-43.87 83.877 34.443-33.334L84.701 8.356l97.894 112.153 18.3-18.626c8.397-8.142 5.54-19.558.22-29.625l-.002-.002Z" fill="url(#c)"/><path d="M97.784 95.26 84.522 8.796l-73.148 88.03c-12.328 11.935-14.897 30.662-6.419 45.49l42.98 74.727c6.553 11.464 18.755 18.577 32.024 18.729l42.945.49L71.46 119.607 97.784 95.26Z" fill="url(#d)"/><path d="M173.227 223.9 71.38 119.022l-13.196 12.59c-10.812 10.248-11.106 27.332-.728 37.921l43.99 66.384 70.65.907 1.127-12.926h.003Z" fill="url(#e)"/><path fill="url(#f)" d="m101.584 235.903 72.292-11.599 47.704 49.464z"/><path d="m173.111 224.483 27.168-3.457 24.096 49.915c1.06 2.06-1.719 3.977-3.373 2.302l-47.89-48.76Z" fill="url(#g)"/><path fill="#FFF" d="M182.708 120.058 84.681 8.601l12.502 85.958L71.16 118.78l101.772 105.372-7.595-85.905 17.371-18.192z"/></svg>

设计应用建议

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