跳到主要内容
工具产品Glimpse Editor

Glimpse

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

Glimpse Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Glimpse
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#D2D3E0rgb(210, 211, 224) · hsl(236, 18%, 85%)
WCAG 亮暗底对比度与矢量体积
白底 1.5:1 · 暗底 13.3:1 · 5.7 KB

矢量代码片段

<svg viewBox="0 0 64 64" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="64" height="64" xml:space="preserve"><style>.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}.st2{opacity:.8996}.st8{opacity:.897;fill-rule:evenodd;clip-rule:evenodd;fill:#fff;enable-background:new}</style><switch><g><g id="logo" transform="translate(14)"><path id="hexagon_outline" class="st0" d="M16.2.4L-9.9 13.5c-.7.3-1.2.9-1.6 1.5-.4.6-.6 1.3-.6 2.1V47c0 .8.2 1.5.6 2.1.4.6.9 1.1 1.6 1.5l26.1 13.1c1.1.6 2.5.6 3.6 0l26.1-13.1c.7-.3 1.2-.9 1.6-1.5.4-.6.6-1.3.6-2.1V17.1c0-.8-.2-1.5-.6-2.1-.4-.6-.9-1.1-1.6-1.5L19.8.4c-1.1-.5-2.5-.5-3.6 0z"/><path id="hexagon" d="M19.3 1.3c-.8-.4-1.8-.4-2.7 0C11.9 3.7-4.2 11.8-9.5 14.4c-1 .5-1.7 1.5-1.7 2.7V47c0 1.1.6 2.2 1.7 2.7 5.2 2.6 21.3 10.7 26.1 13.1.8.4 1.8.4 2.7 0 4.8-2.4 20.9-10.4 26.1-13.1 1-.5 1.7-1.5 1.7-2.7V17.1c0-1.1-.6-2.2-1.7-2.7-5.2-2.6-21.3-10.7-26.1-13.1z" fill-rule="evenodd" clip-rule="evenodd" fill="#000012"/><g id="_logo_src" transform="translate(80 96)"><g id="root"><g id="frame_back" class="st2"><linearGradient id="path-3_2_" gradientUnits="userSpaceOnUse" x1="157.491" y1="556.755" x2="157.48" y2="556.678" gradientTransform="matrix(179 0 0 -250 -28243 139110.984)"><stop offset="0" stop-color="#7e56f7"/><stop offset=".445" stop-color="#677cf6"/><stop offset="1" stop-color="#3db0f0"/></linearGradient><path id="path-3" d="M-64.2-82.1c0-.8.3-1.4.9-1.7s1.3-.2 2.1.2c4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-3_2_)"/><g><radialGradient id="path-3_4_" cx="158.146" cy="557.782" r=".048" gradientTransform="matrix(255.964 -193.7719 -313.2003 -413.7236 134163.86 261341.719)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d3e0" stop-opacity="0"/><stop offset=".427" stop-color="#e2e3ec" stop-opacity=".245"/><stop offset=".587" stop-color="#e7e7ef" stop-opacity=".362"/><stop offset="1" stop-color="#fff"/></radialGradient><path id="path-3_1_" d="M-64.2-82.1c0-.8.3-1.4.9-1.7s1.3-.2 2.1.2c4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-3_4_)" fill-opacity=".6"/></g></g><g id="pic_x2F_moon" transform="translate(270 90)" opacity=".897"><path id="moon" class="st0" d="M-318.4-160.6c0-1.5.7-2.3 1.6-2.1-.1.3-.2.8-.2 1.2 0 1.7.9 3.6 2 4.2.1.1.3.1.4.2-.3.8-1 1.1-1.8.7-1.1-.7-2-2.5-2-4.2z"/></g><g id="frame_mid" class="st2"><linearGradient id="path-5_2_" gradientUnits="userSpaceOnUse" x1="157.837" y1="556.879" x2="157.83" y2="556.814" gradientTransform="matrix(179 0 0 -250 -28314 139145.984)"><stop offset="0" stop-color="#5ee2e7"/><stop offset=".415" stop-color="#99e7c4"/><stop offset="1" stop-color="#e6ed43"/></linearGradient><path id="path-5" d="M-73.1-77.8c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-5_2_)"/><g><radialGradient id="path-5_4_" cx="158.55" cy="557.734" r=".048" gradientTransform="matrix(255.964 -193.7719 -313.2003 -413.7235 134036.516 261404.469)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d3e0" stop-opacity="0"/><stop offset=".427" stop-color="#e2e3ec" stop-opacity=".245"/><stop offset=".587" stop-color="#e7e7ef" stop-opacity=".362"/><stop offset="1" stop-color="#fff"/></radialGradient><path id="path-5_1_" d="M-73.1-77.8c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-5_4_)" fill-opacity=".6"/></g></g><path id="picture_mid" class="st8" d="M-55.5-61.1c.6 0 1.2.3 1.6.8l3.2 4.1v6c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.5-.7-.8-1.5-.9-2.2l17.6-.1z"/><g id="frame_front" class="st2"><linearGradient id="path-7_2_" gradientUnits="userSpaceOnUse" x1="158.191" y1="557.009" x2="158.179" y2="556.922" gradientTransform="matrix(179 0 0 -250 -28386 139181.984)"><stop offset="0" stop-color="#f458ba"/><stop offset=".515" stop-color="#ee767a"/><stop offset="1" stop-color="#fad58a"/></linearGradient><path id="path-7" d="M-82.1-73.3c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-7_2_)"/><g><radialGradient id="path-7_4_" cx="158.962" cy="557.686" r=".048" gradientTransform="matrix(255.964 -193.7719 -313.2003 -413.7235 133907.39 261469.031)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d3e0" stop-opacity="0"/><stop offset=".427" stop-color="#e2e3ec" stop-opacity=".245"/><stop offset=".587" stop-color="#e7e7ef" stop-opacity=".362"/><stop offset="1" stop-color="#fff"/></radialGradient><path id="path-7_1_" d="M-82.1-73.3c0-.8.3-1.4.9-1.7.6-.3 1.3-.2 2.1.2 4.3 2.1 12.1 6 16.4 8.2.8.4 1.6 1.1 2.1 1.9.6.8.9 1.8.9 2.6v16.3c0 .8-.3 1.4-.9 1.7-.6.3-1.3.2-2.1-.2-4.3-2.1-12.1-6-16.4-8.2-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-16.3z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path-7_4_)" fill-opacity=".6"/></g></g><path id="picture_front" class="st8" d="M-74.5-60.8l10.1 15.7c-4.4-2.2-10.9-5.4-14.7-7.3-.8-.4-1.6-1.1-2.1-1.9-.6-.8-.9-1.8-.9-2.6v-4.3l5.7-.5c.8-.1 1.5.3 1.9.9z"/></g></g></g></g></switch></svg>

设计应用建议

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