Home/Libraries/OpenMoji (Iconify)/kimono

OpenMoji (Iconify)

Kimono

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#ffa7c0" d="M31.54 25.71c1 0 14 1.09 14 0c0-.62.47.18.6-.44c.22-1.05 0-2.12 1.08-1.94c1.6 1.12 2.82 4 4.41 5.28c9.95 13.19 7.77 3.3 8.75 4.39c.51.53.09-.54.95-.51c.11-.17-.26-.69-.33-.84c-.41-.87.51-2.72.85-3.59c.23-.58.43-3.307.789-5.461c.549-1.731.711-2.769 1.211-4.249c0-.06-9.41.54-9.43.48c-2 .27-2.86-1.24-4.18-2.78c-.68-.79-1.68-1.54-2.38-2.31c-1.5-1.64-3.92-1.44-6.1-1.32a.59.59 0 0 0-.5.31L37 18.75c-.12.17-.24.31-.07.55c-1.25 2.26-6.88 4.32-5.39 6.41m6.946 34.487c-.16-.67.534-.917-.196-.927h-4a4.3 4.3 0 0 1-1.52-1.47a15 15 0 0 1-1.36-2a.86.86 0 0 0-.86-.47h-3.41a1 1 0 0 1-.73-.15a.09.09 0 0 1 0-.1a.86.86 0 0 1 .66-.19h7.95a1.14 1.14 0 0 0 1.17-.5a1.05 1.05 0 0 0-.19-1.26a3.24 3.24 0 0 0-3-1.25a2.37 2.37 0 0 1-2-.54a5 5 0 0 0-1.76-1A.31.31 0 0 1 29 50c-.75-4.06-.23-8.15-.37-12.23v-2.94c0-.41.16-.6.64-.6h15.55a.65.65 0 0 1 .41.06c.09 2 0 4 0 6a.92.92 0 0 1-.48.31a5.2 5.2 0 0 0-1.81 1.06a2 2 0 0 1-1.46.5q-.595-.03-1.19 0a3.26 3.26 0 0 0-2.44 1.44a1 1 0 0 0 .59 1.55c.306.086.623.123.94.11h5.05a1.23 1.23 0 0 1 .8.13v12.77c0 .85-.15 1-1 1.1c-.505-.004-.245.41-.31.912z"/><path fill="#e67a94" d="M30.28 25.51q-1.607.152-3.22.08c-.18 0-.75.42-.81.3c-.51-1.12-.95-1.8-1.75-.81l-5.64 7.06c-.4.5-.8 1-1.19 1.49s-.5.86-.06 1.49l-2.1 2.65a1 1 0 0 0-1.3.16a1.23 1.23 0 0 1-2.21-.71a1745 1745 0 0 1-3.9-18.25c-.11-.53.12-.91.6-.89c1.18 0 2.35.13 3.52.21c-.45.2-.46.52-.35 1c.66 2.72 1.28 5.44 1.92 8.17q.071.372.24.71a1 1 0 0 0 1.65.22q.193-.252.43-.46a.5.5 0 0 1 .17-.08a4.24 4.24 0 0 0 2-1.4a22.3 22.3 0 0 1 7-5.12a7 7 0 0 1 1.73-.44a1.87 1.87 0 0 1 2.16 1.48c.15.74.19 1.498.12 2.25c0 .51.09.83.68.79a.29.29 0 0 1 .31.1"/><path fill="#ffa7c0" d="M30.28 26.733c-1 0-1.154.186-1.154-1.803c.03-.621.154-1.714.064-2.33A1.76 1.76 0 0 0 27 21.17a12.15 12.15 0 0 0-5.32 2.71a28.5 28.5 0 0 0-3.16 2.87a2.83 2.83 0 0 1-1.9 1.19a.46.46 0 0 1 0-.48a3.2 3.2 0 0 0 0-2.64a1.78 1.78 0 0 1 .11-1.62a5 5 0 0 0 .5-4.2a.25.25 0 0 1 0-.17a35 35 0 0 1 5-2c.67-.79 1.44-1.5 2.14-2.26a6.63 6.63 0 0 1 5.55-2.17c.21.007.4.125.5.31l4.26 6.07c.12.17.24.31.07.55c-1.51 2.05-3.03 5.313-4.47 7.403"/><path fill="#f4aa41" d="M59.22 18.5c.6-.07.61.2.49.71c-.8 3.35-1.57 6.7-2.35 10.06a1.33 1.33 0 0 1-1 1.14a1.17 1.17 0 0 1-1.26-.56a3.14 3.14 0 0 1-.64-3.22a2 2 0 0 0 0-1.83a5.21 5.21 0 0 1 .53-6z"/><path fill="#e67a94" d="M44.83 34.11H29.57c-.56 0-.7.15-.69.69v11.73c-.001.919.103 1.835.31 2.73c0 .19.23.45-.07.63a.51.51 0 0 1-.43.08a6 6 0 0 0-1.85-.11a.29.29 0 0 1-.26-.1v-5.89c0-3.09-1.13-6.1-1.14-9.2c0-.38 1.21-.61 1.64-.61h17.33c.13-.06.29-.06.42.05m.97-9.59q.09-.146.16-.3c.46-1.33 1.53-1 2.14-.24c1.06 1.37 2 2.81 3.12 4.14a20.9 20.9 0 0 0 5.63 5.21a4 4 0 0 0 3.22.63c-.21 1-.43 1.95-.61 2.93a1.34 1.34 0 0 1-1 1.22a1.36 1.36 0 0 1-1.39-.67l-7-8.72c-.94-1.18-1.9-2.35-2.83-3.55a1.47 1.47 0 0 0-1.44-.65"/><path fill="#f4aa41" d="M45.25 45.28h-6.19c-1 0-1.6-.49-1.56-1.3c.013-.23.097-.45.24-.63a3.55 3.55 0 0 1 3.34-1.46a2.19 2.19 0 0 0 1.92-.58a4.5 4.5 0 0 1 2.23-1.12z"/><path fill="#f1b31c" d="M26.176 27.102h17.885c.522 0 1.79.53 1.719 1.096s-.273 1.232-.285 1.663c-.225.136-1.304-.69-1.54-.69H27.076c-1.067 0-1.185-.074-1.114-1.17a1.27 1.27 0 0 1 .213-.9m-.234 3.281h18.073c.61 0 1.87.285 1.785.952c0 .449-.67 1.564-1.126 1.278a1.2 1.2 0 0 1-.731.082H26.864c-1.067 0-1.139-.082-1.115-1.36a1.6 1.6 0 0 1 .192-.952"/><path fill="#e67a94" d="M27 55.06h4.14c.22 0 .43 0 .57.26a18 18 0 0 0 2.76 4.152h-6.68c-.407.045-.77-.275-.811-.715a1 1 0 0 1 .001-.172c.02-1.157.02-2.346.02-3.525"/><path fill="#f1b31c" d="M17.056 18.08c.448.894.756 2.62.514 3.59a5.7 5.7 0 0 1-.69 1.72a1.18 1.18 0 0 0-.13 1.08a3.77 3.77 0 0 1-.12 3.47h-.09c-.3.15-1.38.518-1.58.308c-.38-.345-.389-.838-.552-1.325c-.32-1.006-.843-2.523-.902-3.576c-.135-1.252-.996-3.487-.96-4.746c-.041-.338.187-.63.407-.891z"/><path fill="#e67a94" d="M32.3 12.41h7.26l-1.75 2.5l-1.66 2.36c-.11.16-.2.35-.4.07c-1.13-1.62-2.26-3.24-3.45-4.93"/><path fill="#f4aa41" d="M25.9 54.94s.267-3.739-.066-4.7c-.233-.674 3.144-.268 3.866-.15s1.276.56 1.76 1.06a1.88 1.88 0 0 0 1.77.47a3.31 3.31 0 0 1 3.25 1.67a1.11 1.11 0 0 1-1 1.66c-1.3.05-8.25.05-9.58-.01"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M30.85 11.47L41 11.41h2.28s4 .54 7.76 5.54c0 0-.24.87 3.85.95c.74 0 3.16-.11 5.22-.24c1.35-.08 2.56-.17 3-.22A1.28 1.28 0 0 1 64.29 19c-.16 1.52-4.18 18.68-4.18 18.68a1.77 1.77 0 0 1-2.17 1.09a3.7 3.7 0 0 1-2.2-1.39l-9.58-12.09L45.94 40l-.07 5.21l-.2 13.33a1.76 1.76 0 0 1-1.88 1.632l-.02-.002m2.22-33.58H25.74M46 30.04H25.74m19.82 3.42H25.8"/><path d="m40.95 11.41l-5.03 7.63l-4.97 7.55"/><path d="m35.92 19l-5.07-7.53s-4.221-.06-6.38 1.96a16.8 16.8 0 0 1-4.65 3.66a6.65 6.65 0 0 1-3.09.54c-3.36.11-8.13-.29-8.13-.29A1.29 1.29 0 0 0 7.4 19c.17 1.52 4.18 18.68 4.18 18.68a1.78 1.78 0 0 0 2.17 1.09a3.74 3.74 0 0 0 2.25-1.4l9.58-12.08v1l.35 23.48l.07 5l.06 3.8c.069.97.91 1.7 1.88 1.632l.02-.002H38.5"/><path d="M11.89 17.998c.13.44 2.39 10.412 2.39 10.412s1.27 1.67 2.53-.69a3.18 3.18 0 0 0-.24-3.83s2.93-4 .16-6.18m43.34.25L57 30s-3.09 1.79-2.6-4.32c0 0-2.77-4.36.48-7.76M45.94 40a3.73 3.73 0 0 0-3.26 1a3 3 0 0 1-1.62.71a4 4 0 0 0-3.16 1.54a1.14 1.14 0 0 0 .59 1.6c1.14.45 2.52.35 7.15.17M25.9 49.75c4.77-.82 6.1 1.55 6.1 1.55c4.64.57 3.66 3.42 3.66 3.42H26"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. KimonoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.