ICONYZ
Español
Icono Kayo de Custom Brand Icons

Icono Kayo

cbi:kayo

El icono Kayo (cbi:kayo) es un icono SVG gratuito de la colección Custom Brand Icons de Emanuele & rchiileea. Está dibujado en una cuadrícula de 24 × 24. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Custom Brand Icons
Autor
Emanuele & rchiileea
Licencia
CC-BY-NC-SA-4.0
Tamaño
24 × 24
Descargar SVG

Código SVG

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

Cómo usar el icono Kayo

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>

Imagen HTML

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

Preguntas frecuentes sobre Icono Kayo

¿El icono Kayo es gratis para uso comercial?

No. Custom Brand Icons usan la licencia CC BY-NC-SA 4.0, que no permite el uso comercial sin un permiso aparte del autor.

¿Cómo uso el icono Kayo en React?

Instala @iconify/react y renderiza <Icon icon="cbi:kayo" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Kayo a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/cbi/kayo.svg" alt="Icono Kayo">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Custom Brand Icons →