Kimono icon
twemoji:kimono
The Kimono icon (twemoji:kimono) is a free SVG icon from the Twitter Emoji set by Twitter. It is drawn on a 36 × 36 grid. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Twitter Emoji
- Author
- License
- CC-BY-4.0
- Size
- 36 × 36
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#3b88c3" d="M22 0h3l5 2.808l5 23.307L26 27l-6-16.423M14 0h-3L6 2.808L1 26.115L10 27l6-16.423"/><path fill="#3b88c3" d="M11 5h14v31H11z"/><path fill="#269" d="M17.985 8.761L11 14h2l5.094-5.094z"/><path fill="#88c9f9" d="M25 20s-1.167 1-7 1s-7-1-7-1v-6h14z"/><path fill="#fff" d="M25 18s-1.167 1-7 1s-7-1-7-1v-2h14zm0-18l-7 9l-7-9z"/><path fill="#99aab5" d="M20.333 0L18 3l-2.333-3z"/><path fill="#269" d="M25 25V4l2 23zm-14 0V4L9 27z"/></svg>How to use the Kimono icon
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:kimono" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:kimono" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:kimono" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--kimono]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:kimono"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:kimono"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/twemoji/kimono.svg" alt="Kimono icon" width="24" height="24">Kimono icon in other icon sets
Kimono icon FAQ
Is the Kimono icon free for commercial use?
Yes. Twitter Emoji icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Kimono icon in React?
Install @iconify/react and render <Icon icon="twemoji:kimono" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Kimono icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/twemoji/kimono.svg" alt="Kimono icon">, or paste the SVG code inline to style it with CSS.