Skip to content
LogoHub
Dev & Toolskokonutui-lightDark Variant

Kokonut UI

Official Kokonut UI (kokonutui-light) vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

Kokonut UI Logo
Dedicated official dark-mode SVG variant available

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 32 32
File Size / Nodes
1.4 KB · 3 paths
Official Site
https://kokonutui.com/

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setKokonut UI.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Kokonut UI (kokonutui-light)
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#2CD242rgb(44, 210, 66) · hsl(128, 65%, 50%)
WCAG Surface Contrast
Light 2:1 · Dark 9.8:1

Inline SVG Code Snippet

<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>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 32 32") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.

Related Brand Logos

View All in Category
Action completed