跳到主要內容

WebKit

WebKit 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

WebKit Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 0.90:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 256 283
原始碼體積
2.9 KB · 8 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝WebKit.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
WebKit
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#34AADCrgb(52, 170, 220) · hsl(198, 71%, 53%)
WCAG 亮暗底對比度與向量體積
白底 2.6:1 · 暗底 7.5:1 · 2.9 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="283" preserveAspectRatio="xMidYMid" viewBox="0 0 256 283"><defs><linearGradient id="a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#34AADC"/><stop offset="100%" stop-color="#007AFF"/></linearGradient></defs><path fill="#FF9D00" d="M242.794 157.204c17.608 13.732 17.608 36.323 0 50.166l-82.85 65.116c-17.609 13.732-46.28 13.732-63.888 0l-82.85-65.006c-17.608-13.732-17.608-36.323 0-50.166l82.85-65.116c17.609-13.732 46.28-13.732 63.888 0l82.85 65.006Z"/><path fill-opacity=".1" d="M96.255 231.842 13.038 166.44C4.648 159.867 0 151.065 0 141.706c0-9.36 4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734 0 9.36-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25Z"/><path fill="#FC0" d="M96.255 231.842 13.038 166.44C4.648 159.867 0 151.065 0 141.706c0-9.36 4.648-18.161 13.038-24.735l83.217-65.513c8.39-6.574 19.727-10.25 31.745-10.25s23.242 3.676 31.745 10.25l83.217 65.402c8.39 6.573 13.038 15.375 13.038 24.734 0 9.36-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.362-31.745 10.362s-23.242-3.677-31.745-10.25Z"/><path fill-opacity=".1" d="m96.255 190.635-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25Z"/><path fill="url(#a)" d="m96.255 190.635-83.217-65.402C4.648 118.659 0 109.857 0 100.498s4.648-18.16 13.038-24.734L96.255 10.25C104.645 3.677 115.982 0 128 0s23.242 3.677 31.745 10.25l83.217 65.402C251.352 82.226 256 91.028 256 100.387s-4.648 18.161-13.038 24.735l-83.217 65.402c-8.503 6.685-19.727 10.361-31.745 10.361s-23.242-3.676-31.745-10.25Z"/><path fill="#FFF" d="M128.287 163.176c42.524 0 76.996-28.178 76.996-62.937 0-34.76-34.472-62.938-76.996-62.938-42.523 0-76.995 28.178-76.995 62.938 0 34.76 34.472 62.937 76.995 62.937Zm0 6.48c-46.9 0-84.921-31.08-84.921-69.417 0-38.338 38.02-69.417 84.921-69.417s84.922 31.079 84.922 69.417c0 38.337-38.02 69.416-84.922 69.416Z"/><path fill="#8CC8F6" d="M133.962 126.953c4.257-.557 8.406-1.744 12.204-3.56l24.237 9.963-12.696-19.02c6.678-8.602 6.678-19.498 0-28.1l12.696-19.02-22.843 9.39-.656 10.043c9.338 7.832 9.1 20.2-.604 27.76-2.476 1.98-5.319 3.37-8.305 4.358l-4.033 8.186Zm-11.33-53.35c-7.03.913-12.299 3.575-12.299 3.575l-24.215-9.962 12.696 19.02c-6.678 8.602-6.678 19.498 0 28.1l-12.696 19.02 23.467-9.646.5-9.407c-9.817-7.809-9.738-20.301.16-28.144 2.302-2.061 7.508-4.244 8.289-4.36l4.099-8.197Z"/><path fill="#FFF" d="m116.64 98.162-3.226 57.174 26.118-53.025 3.74-57.066-26.633 52.917Zm-.338 46.185 20.92-42.446-18.332-3.345-2.588 45.791Z"/></svg>

設計應用建議

  • 保持原生 0.90:1 寬高比(viewBox "0 0 256 283")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成