跳到主要內容
工具產品暗色專用版

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 扁平覆蓋
檢視更多同類
操作已完成