Wakapi icon
cbi:wakapi
The Wakapi icon (cbi:wakapi) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m22 8.799l-1.115-.545l-.304.641l-.628 1.318l-2.476 5.196l-.004.006H15.03l-.002-.003l.002-.006l.963-2.02l.247-.517l.013-.028l1.252-2.628l.48-1.005l.148-.314l.765-1.606l-.377-.183l-.624-.305l3.258-1.532ZM9.495 12.614l-1.224 2.569l-2.227-4.677l-.626-1.317h2.447l.629 1.317Zm3.197-.607l-1.623 3.408v.001h-2.45v-.001l1.225-2.57l1.255-2.633l.37-.775l.368.775l.604 1.267Zm3.221.676l-.246.517l-.966 2.017l-.002.006l-1.649-3.464l-.595-1.25l-.627-1.318h2.418Zm5.87-.683q0 .314-.021.625a10 10 0 0 1-.514 2.623c-1.27 3.74-4.671 6.479-8.739 6.73a8 8 0 0 1-.618.022q-.312 0-.619-.022c-4.97-.308-8.946-4.327-9.251-9.353A8 8 0 0 1 2 12.002q-.001-.316.021-.626c.305-5.024 4.28-9.045 9.25-9.354a9 9 0 0 1 1.238 0V4.71h-1.236V3.63c-4.089.304-7.362 3.615-7.664 7.747h.956v1.25h-.956c.302 4.133 3.575 7.443 7.663 7.748v-1.102h1.237v1.102c3.02-.226 5.598-2.092 6.859-4.718a8.4 8.4 0 0 0 .804-3.03h-.002l.578-1.25h1.014q.021.31.021.626"/></svg>How to use the Wakapi icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:wakapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:wakapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:wakapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--wakapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:wakapi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:wakapi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/wakapi.svg" alt="Wakapi icon" width="24" height="24">Wakapi icon in other icon sets
Wakapi icon FAQ
Is the Wakapi icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Wakapi icon in React?
Install @iconify/react and render <Icon icon="cbi:wakapi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wakapi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/wakapi.svg" alt="Wakapi icon">, or paste the SVG code inline to style it with CSS.