跳到主要內容

Zesty

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

Zesty Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Zesty
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#0C1630rgb(12, 22, 48) · hsl(223, 60%, 12%)
WCAG 亮暗底對比度與向量體積
白底 17.9:1 · 暗底 1.1:1 · 6.3 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" role="img" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-4.87 -4.62 239.98 144.23"><style>svg {enable-background:new 0 0 230.5 135.1}</style><style>.st0{fill:none}.st1{fill:#0c1630}.st2{fill:#fff}</style><pattern id="Stroke_1_" width="39.1" height="39.1" x="-34.8" y="142.6" overflow="visible" patternUnits="userSpaceOnUse" viewBox="0 -39.1 39.1 39.1"><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st1"/></pattern><pattern id="color_gap_1_" width="39.1" height="39.1" x="-34.8" y="142.6" overflow="visible" patternUnits="userSpaceOnUse" viewBox="0 -39.1 39.1 39.1"><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st0"/><path d="M0-39.1h39.1V0H0z" class="st1"/></pattern><g id="Cloud"><path id="Fill" d="M137.8 42.5c-1.3 0-2.7.1-4 .2-3.6-11.8-14.5-19.8-26.9-19.9-3.1 0-6.1.5-9 1.5-8.4-18.2-30-26.2-48.2-17.8-12.9 6-21.2 18.9-21.2 33.1 0 3 .4 5.9 1.1 8.8C12.7 51 1.2 66.8 3.8 83.6c2.3 15 15.1 26.1 30.3 26.2h103.8c18.6-.3 33.4-15.6 33.1-34.2-.4-18.2-15.1-32.8-33.2-33.1z" class="st2"/><pattern id="Stroke_7_" patternTransform="matrix(1 0 0 -1 42.78 -31984.63)" xlink:href="#Stroke_1_"/><path id="Stroke" fill="url(#Stroke_7_)" d="M137.8 113.2H34C15.2 113.1-.1 97.8 0 78.9c.1-15.5 10.6-29.1 25.6-33-.3-2-.5-4.1-.5-6.2C25.2 17.8 43 0 64.9 0 71 0 77.1 1.4 82.6 4.1c7.3 3.6 13.2 9.3 17.1 16.4 2.4-.6 4.9-.9 7.3-.9 12.8 0 24.3 7.7 29.1 19.6.6 0 1.1-.1 1.8-.1 20.4-1 37.8 14.7 38.8 35.1 1 20.4-14.7 37.8-35.1 38.8-1.2.3-2.5.3-3.8.2zM64.8 6.6c-2.4 0-4.7.3-7 .8-15.1 3.4-25.9 16.8-26 32.4 0 2.7.4 5.4 1 8 .2.9 0 1.9-.5 2.6-.5.8-1.4 1.3-2.3 1.5-15.1 2.1-25.6 16-23.5 31 1.9 13.7 13.7 23.9 27.6 23.8h103.8c16.7.3 30.6-13 30.9-29.7.3-16.7-13-30.6-29.7-30.9H138c-1.2 0-2.4.1-3.6.2-1.6.2-3.1-.8-3.6-2.3-3.1-10.4-12.8-17.6-23.6-17.6-2.7 0-5.4.4-7.9 1.3-1.6.6-3.4-.2-4.1-1.8C89.5 14.1 77.7 6.6 64.8 6.6z"/></g><pattern id="color_gap_2_" patternTransform="matrix(1 0 0 -1 16.06 -31970.97)" xlink:href="#color_gap_1_"/><path id="color_gap" fill="url(#color_gap_2_)" d="M87.4 95.2h29v13.3h-29z"/><pattern id="Z_background_1_" patternTransform="matrix(1 0 0 -1 42.78 -31984.63)" xlink:href="#Stroke_1_"/><path id="Z_background" fill="url(#Z_background_1_)" d="M116.3 123.6H56.5c-2.1 0-3.9-1.3-4.8-3.1-.8-1.9-.4-4.1 1.1-5.6L83.6 84 55.1 69.8c-1.5-.7-2.5-2.1-2.8-3.8-.2-1.6.3-3.3 1.5-4.4L73.3 42c2-2 5.2-2 7.2 0l36.7 36.7c2 2 2 5.3 0 7.3l-16.8 16.8 18.5 11.4c2 1.2 2.9 3.6 2.2 5.8-.5 2.1-2.5 3.7-4.8 3.6z"/><pattern id="E_background_1_" patternTransform="matrix(1 0 0 -1 42.78 -31984.63)" xlink:href="#Stroke_1_"/><path id="E_background" fill="url(#E_background_1_)" d="M125.2 122.8c-5.5.1-10.9-1.7-15.1-5.2-4.6-3.9-7.3-9.5-7.7-15.5-1.3-12.1 7.5-22.9 19.6-24.2.4 0 .9-.1 1.3-.1 5.9-.5 11.7 1.4 16.1 5.3 4.4 4 7.1 9.5 7.4 15.4.1 1.1.1 2.3.1 3.4-.1 1.8-.9 3.4-2.3 4.6.4.6.7 1.2.9 1.9.5 1.7.2 3.5-.9 5-3.8 5.4-9.7 8.6-17.1 9.2-.8.1-1.5.2-2.3.2z"/><pattern id="S_background_1_" patternTransform="matrix(1 0 0 -1 42.78 -31984.63)" xlink:href="#Stroke_1_"/><path id="S_background" fill="url(#S_background_1_)" d="M156.1 122.9c-8.3 0-14.8-3.4-18.3-9.7-1.6-2.9-.6-6.6 2.3-8.2l2.2-1.3c-2.7-2.6-4.2-6.2-4-10 0-9.4 7.4-16 18.1-16 6.6-.1 12.8 3.1 16.6 8.5 1 1.4 1.3 3.1.9 4.8-.4 1.7-1.5 3.1-3 3.9l-1.1.6c3.4 2.7 5.4 7 5.2 11.4 0 9.5-7.6 16-18.9 16z"/><pattern id="T_background_1_" patternTransform="matrix(1 0 0 -1 42.78 -31984.63)" xlink:href="#Stroke_1_"/><path id="T_background" fill="url(#T_background_1_)" d="M184.2 122.2c-4.4 0-9.2-.8-12.7-3.9-4.2-3.8-4.7-9.4-4.7-13.2V84.3c0-2.3.9-4.5 2.4-6.2l4.4-4.7c1.3-1.4 3.2-2.2 5.1-2.2h2.4c3.3 0 5.9 2.6 5.9 5.9v1.7h.4c3.6 0 6.5 2.9 6.5 6.5V92c0 3.6-2.9 6.5-6.5 6.5h-.4v4.3h.7c1.6-.1 3.1.5 4.3 1.6 1.1 1.1 1.8 2.6 1.8 4.2v7.7c0 3-2.3 5.5-5.3 5.7-1.3.1-2.8.2-4.3.2z"/><pattern id="Y_background_1_" patternTransform="matrix(1 0 0 -1 42.78 -31984.63)" xlink:href="#Stroke_1_"/><path id="Y_background" fill="url(#Y_background_1_)" d="M197 135.1h-1.3c-2.9-.1-5.2-2.5-5.1-5.4V121c0-2.9 2.3-5.2 5.1-5.4h.2c1.4 0 2-.1 2.4-.5L186.6 87c-.8-1.9-.6-4 .6-5.7 1.1-1.7 3-2.7 5-2.7h9.4c2.2 0 4.2 1.3 5 3.3l.1.2 2 5.6 1.7-5.3c.7-2.3 2.7-3.8 5.1-3.8h9.1c1.9 0 3.8.9 4.9 2.5 1.1 1.6 1.4 3.6.8 5.5l-10.8 30.8c-4.3 11.9-11.7 17.7-22.5 17.7z"/><linearGradient id="Z_1_" x1="57.092" x2="95.842" y1="497.898" y2="459.148" gradientTransform="translate(0 -377.23)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#feb38e"/><stop offset="0" stop-color="#fc3"/><stop offset=".2" stop-color="#fcba34"/><stop offset=".59" stop-color="#f28a37"/><stop offset="1" stop-color="#e8543b"/></linearGradient><path id="Z" fill="url(#Z_1_)" d="M92 104.2c-.2-.1-.3-.2-.3-.4s.1-.4.2-.5l21-21L77 46.5 58.4 65l34.2 17.1c.2.1.3.2.3.4.1.2-.1.4-.2.6L57.9 118h56.2L92 104.2z"/><path id="E" d="M141.1 101.7c.1-.9.1-1.8 0-2.7-.2-4.4-2.2-8.6-5.5-11.6-2.9-2.6-6.6-4-10.5-3.9-.5 0-.9 0-1.4.1-9.4.8-16.3 9-15.5 18.3.4 4.3 2.4 8.4 5.6 11.3 3.7 3 8.5 4.4 13.2 3.8 5.7-.4 10-2.7 12.8-6.8 0-.1.1-.2.1-.2 0-.1-.1-.1-.2-.2l-6.7-3.2c-.1 0-.3 0-.4.1-1.6 1.6-3.8 2.5-6.1 2.7-4.2.3-7.1-1-8.7-4-.1-.2-.1-.5 0-.8.1-.2.4-.4.7-.4l21.8-1.7c.5-.1.8-.4.8-.8zm-9-5.1c-.1.2-.4.4-.7.4l-13.5 1h-.1c-.2 0-.5-.1-.6-.3-.2-.2-.2-.5-.2-.7.8-3.5 3.4-5.6 7.3-5.9 3.4-.4 6.7 1.5 7.9 4.7 0 .3 0 .5-.1.8z" class="st2"/><path id="S" d="M156.1 117.1c6.3 0 13.1-2.7 13.1-10.2 0-7.4-6.4-9.1-11-10.3-2.9-.8-5.2-1.4-5.2-3.1 0-1.2.9-2.4 3.4-2.4 1.8-.1 3.5.9 4.5 2.5.1.1.2.2.4.1l6.8-3.7c.1-.1.1-.1.1-.2s0-.2-.1-.2c-2.7-3.9-7.1-6.1-11.8-6-6.1 0-12.3 3.2-12.3 10.2 0 6.8 6.4 8.6 11 9.9 2.9.8 5.3 1.4 5.3 3.2 0 1-.6 2.7-4.2 2.7-2.4.2-4.7-1.2-5.8-3.4-.1-.1-.1-.1-.2-.1h-.1c-.1 0-.1 0-.1.1l-7 3.9c-.1.1-.2.2-.1.4 2.6 4.3 7 6.6 13.3 6.6z" class="st2"/><path id="T" d="M188 116.2v-7.6l-.1-.1c-2.7.1-4.7 0-5.9-1.1-.6-.6-1-1.5-.9-2.4V94c0-.7.6-1.3 1.3-1.3h4.8c.4 0 .7-.3.7-.7v-7c0-.4-.3-.7-.7-.7H182c-.4 0-.8-.4-.8-.8l-.1-6.6c0-.1-.1-.2-.2-.2h-2.4c-.3 0-.6.1-.9.4l-4.4 4.7c-.6.6-.9 1.4-.9 2.3v20.7c0 4.4.9 7.2 2.8 9 2.6 2.3 6.6 3 12.9 2.4z" class="st2"/><path id="Y" d="M213.9 115.6l10.8-30.8c.1-.1 0-.2-.1-.2-.1-.1-.1-.1-.2-.1h-8.8l-5.9 19.1c-.1.3-.4.6-.8.6-.3 0-.7-.2-.8-.5l-6.9-19.1h-9.1c-.1 0-.2.1-.2.1-.1.1-.1.1 0 .2l12.6 30.1c.1.2.1.4 0 .6-1.4 4-3.8 5.6-8.2 5.8v8c8.7.2 14.1-4.1 17.6-13.8z" class="st2"/></svg>

設計應用建議

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