跳到主要內容

ManzDev

ManzDev 官方向量標誌,歸屬社群媒體分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

ManzDev Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 135 135
原始碼體積
2.0 KB · 13 個路徑節點
官方來源
https://manz.dev/

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝ManzDev.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
ManzDev
行業分類歸屬
社群媒體
官方基色 (HEX / RGB / HSL)
#CC984Frgb(204, 152, 79) · hsl(35, 55%, 55%)
WCAG 亮暗底對比度與向量體積
白底 2.6:1 · 暗底 7.7:1 · 2.0 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 135 135">
  <g transform="translate(-9.76 -4.25) scale(.97747)">
    <path d="M30.92 101.94h8.73v-8.2h-8.73V26.8h8.47v-8.47h8.73v-9h66.67v9.8h16.14v33.6h-8.2v100.8H30.66Z" fill="#fff"
      transform="scale(.96438)rotate(-6.25 160.33 72.15)" />
    <path
      d="M190.47 52.83V36.55h4.14v-4.01h4.01v-3.88h-4v-4.14h-4.01V.33h4.14v-4h4v-4.15h24.2v4.14h7.88v8.02h-4.01l.2 48.57Z"
      fill="#000" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M226.93 4.47h-8.13V.33h-16.03v8.02h-4.15v16.04h4.01v4h8.15v4.28h7.89v-4h-4.01v-4.28h8.15v8.28h4.14z"
      fill="#cc984f" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M218.67 4.34h-15.9v3.88h-4.15v12.16h4.01v4.14h20.2v4h4.12l-.01-24.18z" fill="#ffcc80" fill-opacity="1"
      stroke-opacity="1" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M206.64 8.35h4.28v8.29h-4.28zM218.81 8.35h4.28v8.29h-4.28z" fill="#000"
      transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M210.98 16.57h12.16v3.88h-12.16z" fill="#ebb267" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M218.8 4.34h8.03v4h-8.03z" fill="#ebb267" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M190.47 48.84h8.02v3.88h-8.02z" fill="#cc984f" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M206.72 52.82v-7.94l12.55.01v7.97z" fill="#0d2061"
      transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M210.83 40.65h4.16v4.25h-4.16z" fill="#17ffff" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M215.11 48.95h4.16v3.89h-4.16z" fill="#17ffff" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M210.89 48.95h4.21v3.89h-4.21z" fill="#e65100" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
    <path d="M206.71 44.89h4.16v4.1h-4.16z" fill="#cc2554" transform="scale(1.98375)rotate(-6.25 320.45 1596.32)" />
  </g>
</svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 135 135")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成