跳到主要内容

Preact

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

Preact Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Preact
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#673AB8rgb(103, 58, 184) · hsl(261, 52%, 47%)
WCAG 亮暗底对比度与矢量体积
白底 7.3:1 · 暗底 2.7:1 · 1.4 KB

矢量代码片段

<svg viewBox="0 0 256 296" width="256" height="296" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path fill="#673AB8" d="m128 0 128 73.9v147.8l-128 73.9L0 221.7V73.9z"/><path d="M34.865 220.478c17.016 21.78 71.095 5.185 122.15-34.704 51.055-39.888 80.24-88.345 63.224-110.126-17.017-21.78-71.095-5.184-122.15 34.704-51.055 39.89-80.24 88.346-63.224 110.126Zm7.27-5.68c-5.644-7.222-3.178-21.402 7.573-39.253 11.322-18.797 30.541-39.548 54.06-57.923 23.52-18.375 48.303-32.004 69.281-38.442 19.922-6.113 34.277-5.075 39.92 2.148 5.644 7.223 3.178 21.403-7.573 39.254-11.322 18.797-30.541 39.547-54.06 57.923-23.52 18.375-48.304 32.004-69.281 38.441-19.922 6.114-34.277 5.076-39.92-2.147Z" fill="#FFF"/><path d="M220.239 220.478c17.017-21.78-12.169-70.237-63.224-110.126C105.96 70.464 51.88 53.868 34.865 75.648c-17.017 21.78 12.169 70.238 63.224 110.126 51.055 39.889 105.133 56.485 122.15 34.704Zm-7.27-5.68c-5.643 7.224-19.998 8.262-39.92 2.148-20.978-6.437-45.761-20.066-69.28-38.441-23.52-18.376-42.74-39.126-54.06-57.923-10.752-17.851-13.218-32.03-7.575-39.254 5.644-7.223 19.999-8.261 39.92-2.148 20.978 6.438 45.762 20.067 69.281 38.442 23.52 18.375 42.739 39.126 54.06 57.923 10.752 17.85 13.218 32.03 7.574 39.254Z" fill="#FFF"/><path d="M127.552 167.667c10.827 0 19.603-8.777 19.603-19.604 0-10.826-8.776-19.603-19.603-19.603-10.827 0-19.604 8.777-19.604 19.603 0 10.827 8.777 19.604 19.604 19.604Z" fill="#FFF"/></svg>

设计应用建议

  • 保持原生 32:37 宽高比(viewBox "0 0 256 296")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成