跳到主要内容
工具产品暗色专用版

Toparr

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

Toparr Logo
该标志提供独立暗色模式版本

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Toparr
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#2DD4BFrgb(45, 212, 191) · hsl(172, 66%, 50%)
WCAG 亮暗底对比度与矢量体积
白底 1.9:1 · 暗底 10.6:1 · 3.6 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="toparr_svg__a" x1="-701.627" x2="-700.627" y1="796.447" y2="795.447" gradientTransform="matrix(512 0 0 -512 359233 407781)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#1a2332"/><stop offset="1" style="stop-color:#0d1520"/></linearGradient><path d="M96 0h320c53 0 96 43 96 96v320c0 53-43 96-96 96H96c-53 0-96-43-96-96V96C0 43 43 0 96 0" style="fill:url(#toparr_svg__a)"/><linearGradient id="toparr_svg__b" x1="-699.623" x2="-699.519" y1="795.373" y2="795.269" gradientTransform="matrix(240 0 0 -240 168153 191133)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2dd4bf"/><stop offset="1" style="stop-color:#14b8a6"/></linearGradient><path d="M352 382H160c-16.5 0-30-13.5-30-30V160c0-16.5 13.5-30 30-30h192c16.5 0 30 13.5 30 30v192c0 16.5-13.5 30-30 30M160 142c-9.9 0-18 8.1-18 18v192c0 9.9 8.1 18 18 18h192c9.9 0 18-8.1 18-18V160c0-9.9-8.1-18-18-18z" style="fill:url(#toparr_svg__b)"/><path d="M196 100h8c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4v-40c0-2.2 1.8-4 4-4m56 0h8c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4v-40c0-2.2 1.8-4 4-4m56 0h8c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4v-40c0-2.2 1.8-4 4-4M196 364h8c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4v-40c0-2.2 1.8-4 4-4m56 0h8c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4v-40c0-2.2 1.8-4 4-4m56 0h8c2.2 0 4 1.8 4 4v40c0 2.2-1.8 4-4 4h-8c-2.2 0-4-1.8-4-4v-40c0-2.2 1.8-4 4-4M104 192h40c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4h-40c-2.2 0-4-1.8-4-4v-8c0-2.2 1.8-4 4-4m0 56h40c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4h-40c-2.2 0-4-1.8-4-4v-8c0-2.2 1.8-4 4-4m0 56h40c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4h-40c-2.2 0-4-1.8-4-4v-8c0-2.2 1.8-4 4-4m264-112h40c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4h-40c-2.2 0-4-1.8-4-4v-8c0-2.2 1.8-4 4-4m0 56h40c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4h-40c-2.2 0-4-1.8-4-4v-8c0-2.2 1.8-4 4-4m0 56h40c2.2 0 4 1.8 4 4v8c0 2.2-1.8 4-4 4h-40c-2.2 0-4-1.8-4-4v-8c0-2.2 1.8-4 4-4" style="opacity:.7;fill:#2dd4bf"/><linearGradient id="toparr_svg__c" x1="-680.531" x2="-680.531" y1="793.462" y2="792.462" gradientTransform="matrix(32 0 0 -80 21981 63745)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2dd4bf"/><stop offset="1" style="stop-color:#0d9488"/></linearGradient><path d="M192 268h24c2.2 0 4 1.8 4 4v72c0 2.2-1.8 4-4 4h-24c-2.2 0-4-1.8-4-4v-72c0-2.2 1.8-4 4-4" style="opacity:.9;fill:url(#toparr_svg__c)"/><linearGradient id="toparr_svg__d" x1="-680.531" x2="-680.531" y1="794.823" y2="793.823" gradientTransform="matrix(32 0 0 -130 22033 103545)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fbbf24"/><stop offset="1" style="stop-color:#d97706"/></linearGradient><path d="M244 218h24c2.2 0 4 1.8 4 4v122c0 2.2-1.8 4-4 4h-24c-2.2 0-4-1.8-4-4V222c0-2.2 1.8-4 4-4" style="opacity:.9;fill:url(#toparr_svg__d)"/><linearGradient id="toparr_svg__e" x1="-680.531" x2="-680.531" y1="795.231" y2="794.231" gradientTransform="matrix(32 0 0 -160 22085 127425)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2dd4bf"/><stop offset="1" style="stop-color:#0d9488"/></linearGradient><path d="M296 188h24c2.2 0 4 1.8 4 4v152c0 2.2-1.8 4-4 4h-24c-2.2 0-4-1.8-4-4V192c0-2.2 1.8-4 4-4" style="opacity:.9;fill:url(#toparr_svg__e)"/><path d="M230 218c-.5 0-1.1-.1-1.5-.4l-23.7-14.2-23.6 9.4c-1.5.6-3.3-.1-3.9-1.7-.6-1.5.1-3.3 1.7-3.9l25-10c.9-.3 1.9-.3 2.7.2l23.2 13.9 24.4-18.8c.9-.7 2-.8 3-.4l22.1 9.2 23.6-23.6c.8-.8 2.1-1.1 3.2-.7l25 10c1.5.6 2.3 2.4 1.7 3.9s-2.4 2.3-3.9 1.7l-23.2-9.3-23.6 23.6c-.9.9-2.2 1.1-3.3.6l-22.4-9.3-24.6 18.9c-.6.7-1.3.9-1.9.9" style="opacity:.9;fill:#fbbf24"/></svg>

设计应用建议

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