工具產品kokonutui-light暗色專用版

Kokonut UI

Kokonut UI（kokonutui-light）官方向量標誌，歸屬工具產品分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

滾輪縮放 · 拖動平移 · 雙擊放大

該標誌提供獨立暗色模式版本

色彩提取

點選直接複製色值

單色純正規範該標誌採用單一品牌官方基色，建議在排版中保持純正

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 1:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 32 32
原始碼體積: 1.4 KB · 3 個路徑節點
官方來源: https://kokonutui.com/

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: Kokonut UI (kokonutui-light)
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #2CD242rgb(44, 210, 66) · hsl(128, 65%, 50%)
WCAG 亮暗底對比度與向量體積: 白底 2:1 · 暗底 9.8:1 · 1.4 KB

向量程式碼片段

<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#0C0C0C" fill-opacity=".82" fill-rule="evenodd" d="M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947-.189-.157-.38-.309-.572-.454.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.384 9.384 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514Z" clip-rule="evenodd"/><path fill="#111" d="M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021-3.294 0-5.965-2.696-5.965-6.021 0-3.326 2.67-6.022 5.965-6.022 3.294 0 5.964 2.696 5.964 6.022Z"/><path fill="#2CD242" d="M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532c2.165-2.08-.961 7.967-2.165 10.047-1.204 2.08-3.7 1.81-5.127 3.211-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0a1.305 1.305 0 0 0-.004-.028ZM10.994 20.294c-.425.057-6.499 3.084-7.747 0-1.249-3.084-1.48-4.9-1.48-4.9s-.285-1.925-1.59-3.312c-1.306-1.387 5 .616 6.305 1.387 1.305.771 1.135 2.37 2.015 3.284.88.914 2.497 1.748 2.497 1.748s-1.27.426-2.497.426c-1.226 0-4.626-3.06-4.626-3.06-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0l-.018.002Z"/></svg>

<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path fill="#fff" fill-rule="evenodd" d="M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947-.189-.157-.38-.309-.572-.454.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.384 9.384 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514Z" clip-rule="evenodd"/><path fill="#fff" d="M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021-3.294 0-5.965-2.696-5.965-6.021 0-3.326 2.67-6.022 5.965-6.022 3.294 0 5.964 2.696 5.964 6.022Z"/><path fill="#3BB44B" d="M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532c2.165-2.08-.961 7.967-2.165 10.047-1.204 2.08-3.7 1.81-5.127 3.211-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0a1.305 1.305 0 0 0-.004-.028ZM10.994 20.294c-.425.057-6.499 3.084-7.747 0-1.249-3.084-1.48-4.9-1.48-4.9s-.285-1.925-1.59-3.312c-1.306-1.387 5 .616 6.305 1.387 1.305.771 1.135 2.37 2.015 3.284.88.914 2.497 1.748 2.497 1.748s-1.27.426-2.497.426c-1.226 0-4.626-3.06-4.626-3.06-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0l-.018.002Z"/></svg>