跳到主要內容

新枝

新枝(xinzhi) 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

新枝 Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
新枝 (xinzhi)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#54BF08rgb(84, 191, 8) · hsl(95, 92%, 39%)
WCAG 亮暗底對比度與向量體積
白底 2.4:1 · 暗底 8.3:1 · 4.2 KB

向量程式碼片段

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_266_448)"><mask id="mask0_266_448" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="46" height="46"><path d="M36.355 0H9.645A9.645 9.645 0 0 0 0 9.645v26.71A9.645 9.645 0 0 0 9.645 46h26.71A9.645 9.645 0 0 0 46 36.355V9.645A9.645 9.645 0 0 0 36.355 0" fill="#fff"/></mask><g mask="url(#mask0_266_448)"><path d="M36.355 0H9.645A9.645 9.645 0 0 0 0 9.645v26.71A9.645 9.645 0 0 0 9.645 46h26.71A9.645 9.645 0 0 0 46 36.355V9.645A9.645 9.645 0 0 0 36.355 0" fill="#fcf7f2"/><path opacity=".6" d="m0 19.933 23 10.223V46H0zm46 0L23 30.156V46h23z" fill="#ffe8d5"/><path d="M15.078 16.192c0-.296 0-.444.03-.585q.04-.187.129-.358c.067-.127.161-.24.35-.466l5.75-6.9c.571-.687.857-1.03 1.199-1.156.3-.11.628-.11.928 0 .342.126.628.469 1.2 1.155l5.75 6.9c.188.227.282.34.349.467q.09.17.13.358c.03.141.03.29.03.585v6.435c0 2.955 0 4.433-.298 5.841-.264 1.25-.7 2.456-1.295 3.584-.67 1.271-1.613 2.403-3.499 4.666l-1.167 1.4c-.572.687-.858 1.03-1.2 1.155-.3.11-.628.11-.928 0-.342-.125-.628-.468-1.2-1.155l-1.167-1.4c-1.885-2.263-2.828-3.395-3.5-4.666a13.8 13.8 0 0 1-1.294-3.584c-.297-1.408-.297-2.886-.297-5.841z" fill="url(#paint0_linear_266_448)"/><path d="M23 39.356a1.4 1.4 0 0 1-.464-.082z" fill="url(#paint1_linear_266_448)"/><path d="M22.536 39.274c-.342-.126-.628-.469-1.2-1.155z" fill="url(#paint2_linear_266_448)"/><path d="M20.169 36.718c-1.885-2.263-2.828-3.394-3.499-4.666z" fill="url(#paint3_linear_266_448)"/><path d="M16.67 32.052a13.8 13.8 0 0 1-1.295-3.583z" fill="url(#paint4_linear_266_448)"/><path d="M15.375 28.469a12.4 12.4 0 0 1-.232-1.805z" fill="url(#paint5_linear_266_448)"/><path d="m23 30.156 7.858-3.492a12.4 12.4 0 0 1-.233 1.805c-.264 1.25-.7 2.456-1.295 3.583-.671 1.272-1.614 2.403-3.499 4.666l-1.167 1.4c-.572.687-.858 1.03-1.2 1.156a1.4 1.4 0 0 1-.464.082" fill="url(#paint6_linear_266_448)"/><path d="m22.536 39.274.464.082q.237 0 .464-.082c.342-.126.628-.469 1.2-1.155l1.167-1.401c1.885-2.263 2.828-3.394 3.5-4.666a13.8 13.8 0 0 0 1.294-3.583c.118-.561.19-1.133.233-1.805L23 30.156l-7.857-3.492.232 1.805 1.295 3.583 3.499 4.666 1.167 1.4z" fill="url(#paint7_linear_266_448)"/><path d="M22.41 30.678a.51.51 0 0 1 .512-.523h.156c.287 0 .517.236.511.522L23.255 46h-.51z" fill="url(#paint8_linear_266_448)"/></g></g><defs><linearGradient id="paint0_linear_266_448" x1="23" y1="6.645" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54c204"/><stop offset="1" stop-color="#d6f2c2"/></linearGradient><linearGradient id="paint1_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint2_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint3_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint4_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint5_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint6_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint7_linear_266_448" x1="23" y1="26.664" x2="23" y2="39.356" gradientUnits="userSpaceOnUse"><stop stop-color="#54bf08"/><stop offset="1" stop-color="#b1e68a"/></linearGradient><linearGradient id="paint8_linear_266_448" x1="23" y1="30.155" x2="23" y2="46" gradientUnits="userSpaceOnUse"><stop stop-color="#61cc14" stop-opacity="0"/><stop offset=".7" stop-color="#89db4e"/><stop offset="1" stop-color="#feeee1"/></linearGradient><clipPath id="clip0_266_448"><path fill="#fff" d="M0 0h46v46H0z"/></clipPath></defs></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 46 46")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成