Kayo icon

cbi:kayo

The Kayo icon (cbi:kayo) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m4.818 10.99l1.469 3.165h.827l-1.776-3.811Zm.434 3.165h.839L4.688 11.15l-.542.664Zm-2.353 0h.754l.333-2.398l4.147-5.111h-.909L3.279 11.48Zm4.089-7.506h-.827l-1.769 2.19l.306-2.19h-.739l-.63 4.497Zm-3.946 0L2 14.159h.747l1.052-7.51Zm11.25 6.024a.462.462 0 0 1-.48-.549l.563-3.845h-.753l-.536 3.885c-.073.879.536 1.409 1.546 1.185l.129-.873a.97.97 0 0 1-.469.197m-.42.877a1.2 1.2 0 0 1-.956-1.399l.529-3.865h-.726l-.557 3.782c-.2 1.512.847 2.358 2.346 2.168l.094-.699a2.6 2.6 0 0 1-.735.013Zm1.45 1.338l.956-6.61h-.779l-.976 6.867a.723.723 0 0 1-.826.589l-.1.747c1.199.106 1.616-.837 1.729-1.593Zm1.833-6.61h-.7l-.949 6.534c-.11.805-.48 1.979-1.933 1.836l-.093.682a2.375 2.375 0 0 0 2.699-2.128ZM8.677 12.19l.242-1.782c.15-.664.847-.754 1.064-.461l.11-.785a1.6 1.6 0 0 0-.511-.074a1.42 1.42 0 0 0-1.342 1.123l-.277 2.026a1 1 0 0 0 1.016 1.116a1.3 1.3 0 0 0 .55-.087l.1-.747c-.643.48-1.002-.076-.952-.329m-.881.05l.277-2.019a1.587 1.587 0 0 1 2.043-1.229l.093-.683a2.4 2.4 0 0 0-2.839 1.906l-.273 1.995c-.08.616.176 2.215 2.305 1.972l.1-.733a1.224 1.224 0 0 1-1.706-1.209m3.362-3.958h-.747l-.806 5.877h.726Zm.869 0h-.699l-.827 5.877h.72Zm7.982-.17a2.46 2.46 0 0 0-2.508 2.142l-.277 2.063a1.806 1.806 0 0 0 1.973 2.045a2.42 2.42 0 0 0 2.498-2.148l.27-1.946a1.81 1.81 0 0 0-1.952-2.156Zm.923 4.244a1.62 1.62 0 0 1-1.683 1.344a1.267 1.267 0 0 1-1.299-1.43c.02-.17.283-2.109.32-2.272a1.62 1.62 0 0 1 1.573-1.206a1.29 1.29 0 0 1 1.383 1.512c-.014.134-.27 1.943-.29 2.052Zm-1.093-3.417a1.5 1.5 0 0 0-1.429 1.092c-.04.157-.307 2.116-.32 2.293a1.12 1.12 0 0 0 1.179 1.226a1.48 1.48 0 0 0 1.518-1.213c.013-.11.276-1.906.29-2.046a1.152 1.152 0 0 0-1.233-1.352Zm-.486 3.877a.518.518 0 0 1-.51-.609l.264-1.906a.81.81 0 0 1 .732-.657a.507.507 0 0 1 .517.5a.5.5 0 0 1-.007.1l-.261 1.926a.8.8 0 0 1-.731.646Z"/></svg>

How to use the Kayo icon

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:kayo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:kayo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:kayo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--kayo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:kayo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:kayo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/kayo.svg" alt="Kayo icon" width="24" height="24">

Kayo icon FAQ

Is the Kayo 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 Kayo icon in React?

Install @iconify/react and render <Icon icon="cbi:kayo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Kayo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/kayo.svg" alt="Kayo icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →