Icône Kat
token:kat
L'icône Kat (token:kat) est une icône SVG gratuite de la collection Web3 Icons par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Web3 Icons
- Auteur
- 0xa3k5
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m20.662 11.741l-2.444.06h-.045l-.033.008l-.024.008l-.041.018l-.015.008a.3.3 0 0 0-.043.03l-2.296 1.935l-3.422-2.017V9.9l3.404.315h.092a.4.4 0 0 0 .056-.015l.043-.021l1.642-.954l2.696 1.185a.32.32 0 0 0 .358-.068a.334.334 0 0 0-.1-.542l-2.246-.986l1.387-.805a.335.335 0 0 0-.074-.609a.32.32 0 0 0-.249.032L15.97 9.368l-.437-2.438l2.697-.553a.33.33 0 0 0 .258-.217a.34.34 0 0 0-.067-.335a.32.32 0 0 0-.32-.1l-2.294.474l.887-1.531a.336.336 0 0 0-.114-.454a.33.33 0 0 0-.328-.004a.3.3 0 0 0-.12.12L14.94 6.39a.4.4 0 0 0-.029.063a.33.33 0 0 0-.078.276l.5 2.79l-3.033-.282V5.68l2.164-1.81a.34.34 0 0 0 .032-.453a.323.323 0 0 0-.442-.063l-1.75 1.463V3.315A.33.33 0 0 0 11.977 3a.33.33 0 0 0-.326.315v3.748l-2.243-.728l.73-2.63a.333.333 0 0 0-.224-.413a.326.326 0 0 0-.404.228l-.626 2.252l-.976-1.468a.323.323 0 0 0-.453-.092a.336.336 0 0 0-.09.46l1.37 2.06l.011.016l.016.019l.025.025l.018.017l.039.024l.014.01l.047.02l2.742.89v4.03l-1.683.988L8.53 9.7l-.004-.007a.3.3 0 0 0-.043-.067h-.006a.3.3 0 0 0-.07-.06l-.01-.007l-1.64-.96l-.362-2.966a.33.33 0 0 0-.197-.264a.32.32 0 0 0-.427.177a.34.34 0 0 0-.023.17l.305 2.47l-1.385-.808a.324.324 0 0 0-.432.131a.336.336 0 0 0 .107.446l3.332 1.944l-1.84 1.622l-1.842-2.083a.324.324 0 0 0-.46-.025a.336.336 0 0 0-.025.469l1.565 1.767H3.326A.33.33 0 0 0 3 11.98a.33.33 0 0 0 .326.332h2.35a.3.3 0 0 0 .067-.007a.32.32 0 0 0 .276-.074l2.106-1.856l1.267 2.733l-3.15 1.849l-2.354-1.145a.325.325 0 0 0-.42.165a.336.336 0 0 0 .14.435l1.952.95l-1.222.717a.335.335 0 0 0-.12.453c.09.16.29.214.446.122l3.288-1.93l.321 2.42l-2.647.462a.333.333 0 0 0-.251.38a.33.33 0 0 0 .36.275l2.263-.39l-.88 1.519a.335.335 0 0 0 .236.497a.32.32 0 0 0 .327-.16l1.24-2.144l.008-.018l.01-.023a.3.3 0 0 0 .024-.12a.3.3 0 0 0 0-.053l-.4-3.007l3.408-1.995l1.412.829l-1.865 2.926l-.006.011l-.01.018l-.017.042s0 .006-.005.01v.004a.3.3 0 0 0-.012.058v.049l.05 1.923l-2.288 1.871a.336.336 0 0 0-.051.467a.32.32 0 0 0 .459.05l1.906-1.557l.05 1.624a.33.33 0 0 0 .337.308a.33.33 0 0 0 .317-.33l-.124-3.91l2.323.746l-.778 2.688a.34.34 0 0 0 .07.332a.32.32 0 0 0 .321.095a.33.33 0 0 0 .235-.242l.664-2.28l.915 1.515a.325.325 0 0 0 .604-.184a.34.34 0 0 0-.049-.164l-1.23-2.037a.3.3 0 0 0-.042-.054a.32.32 0 0 0-.206-.2l-2.656-.854l1.653-2.586l3.398 2.002l.206 2.777a.33.33 0 0 0 .348.29a.33.33 0 0 0 .303-.34l-.172-2.324l1.216.717c.1.06.224.06.326 0a.334.334 0 0 0 0-.575l-3.25-1.915l1.867-1.566l1.779 2.046a.32.32 0 0 0 .46.03a.337.337 0 0 0 .029-.47l-1.524-1.75l1.742-.043a.335.335 0 0 0 .297-.471a.33.33 0 0 0-.31-.202"/></svg>Comment utiliser l'icône Kat
React
import { Icon } from "@iconify/react";
<Icon icon="token:kat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:kat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:kat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--kat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:kat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:kat"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token/kat.svg" alt="Icône Kat" width="24" height="24">Icônes similaires dans Web3 Icons
L'icône Kat dans d'autres collections
FAQ : Icône Kat
L'icône Kat est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Kat dans React ?
Installez @iconify/react et affichez <Icon icon="token:kat" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Kat à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token/kat.svg" alt="Icône Kat">, ou collez le code SVG directement dans la page pour le styliser en CSS.