Icône Yam
token-branded:yam
L'icône Yam (token-branded:yam) est une icône SVG gratuite de la collection Web3 Icons Branded par 0xa3k5. Elle est dessinée sur une grille de 24 × 24. Les Web3 Icons Branded 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 Branded
- 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"><g fill="none"><path fill="url(#SVGL8VIJc7t)" d="M3.515 11.65a4 4 0 0 1-.47-1.916c3.221-2.133 9.812-6.423 10.4-6.504c.409-.07.83-.004 1.199.186c5.02 5.762 6.07 10.578 6.324 13.707c.118.822-.03 2.64-1.533 3.375c-1.88.928-3.487-.222-4.791-.531c-1.299-.316-3.957-1.33-5.188-2.121c-1.224-.797-1.712-1.403-2.38-2.028c-.674-.63-3.054-3.283-3.561-4.167"/><path fill="#ebddd5" fill-opacity=".7" d="M16.684 6.729c.241-.334.643.185.816.482c1.49 1.91 2.844 6.102 2.789 6.102c-.415-1.335-3.895-6.17-3.605-6.584"/><path fill="#e6de95" d="M9.104 7.629c3.033-1.847 5.232-3.789 4.91-4.337c-.32-.548-3.039.505-6.072 2.352S2.71 9.432 3.032 9.98c.32.548 3.039-.505 6.072-2.351"/><path fill="url(#SVGlexVlv3P)" d="M3.17 10.73c-.15-.137-.056-.347.012-.434c.47.223 2.09-.197 2.844-.432c-.89.34-2.708 1.001-2.857.865"/><defs><linearGradient id="SVGL8VIJc7t" x1="18.91" x2="8.168" y1="6.797" y2="17.985" gradientUnits="userSpaceOnUse"><stop offset=".01" stop-color="#f374ab"/><stop offset=".3" stop-color="#ed4892"/><stop offset=".91" stop-color="#a71c2d"/><stop offset="1" stop-color="#b91f2b"/></linearGradient><linearGradient id="SVGlexVlv3P" x1="3.169" x2="5.556" y1="10.55" y2="10.562" gradientUnits="userSpaceOnUse"><stop stop-color="#eac4cf"/><stop offset="1" stop-color="#e76d9e" stop-opacity="0"/></linearGradient></defs></g></svg>Comment utiliser l'icône Yam
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:yam" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:yam" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:yam" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--yam]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:yam"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:yam"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/yam.svg" alt="Icône Yam" width="24" height="24">Icônes similaires dans Web3 Icons Branded
L'icône Yam dans d'autres collections
FAQ : Icône Yam
L'icône Yam est-elle gratuite pour un usage commercial ?
Oui. Les Web3 Icons Branded icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Yam dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:yam" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Yam à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/yam.svg" alt="Icône Yam">, ou collez le code SVG directement dans la page pour le styliser en CSS.