跳到主要內容

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 扁平覆蓋
檢視更多同類
操作已完成