WebKit

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

滚轮缩放 · 拖动平移 · 双击放大

色彩提取

点击直接复制色值

下载 SVG 矢量文件 PNG

一键打包 ZIP

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 个路径节点
官方来源: https://webkit.org/

编辑与导出

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

颜色

单色

背景

留白0%圆角0%

格式

尺寸

含 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>