Icône Mochi
token-branded:mochi
L'icône Mochi (token-branded:mochi) 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="#d6eafd" d="M12.002 3a9 9 0 1 1-.004 18a9 9 0 0 1 .004-18"/><path fill="#95c2f1" d="M17.436 4.825A8.997 8.997 0 0 1 6.864 19.38A8.997 8.997 0 0 1 17.436 4.825"/><path fill="#5890d2" d="M16.418 5.415a7.893 7.893 0 0 1-4.77 14.196a7.85 7.85 0 0 1-4.508-1.415A7.892 7.892 0 0 1 11.904 4a7.9 7.9 0 0 1 4.508 1.415z"/><path fill="#b4d3f1" d="M16.866 5.8a7.892 7.892 0 0 1-4.764 14.196a7.85 7.85 0 0 1-4.508-1.415a7.893 7.893 0 0 1 4.768-14.196a7.86 7.86 0 0 1 4.51 1.414z"/><path fill="url(#SVGoYNSnejY)" d="M16.677 5.634a7.894 7.894 0 0 1-4.77 14.196a7.87 7.87 0 0 1-4.513-1.414A7.892 7.892 0 0 1 12.163 4.22c1.684 0 3.234.525 4.514 1.414"/><path fill="url(#SVGizuZbAhQ)" d="M6.005 13.432s1.684 3.534 6.098 3.534c4.419 0 5.889-3.624 5.889-3.624l-1.45-3.03s.135-.634.135-1.439c0-.8-.25-2.374-1.18-2.374c-.934 0-1.994 1.5-1.994 1.5s-1.5-.5-3 0c0 0-1.044-1.5-1.829-1.5S7.26 7.734 7.26 9.063c0 1.33.124 1.33.124 1.33zm2.184-3.629s-.055-2.2.75-2.2c.6 0 .885.77.885.77s-1.105.62-1.635 1.43m7.043-2.75c.925 0 .485 2.2.485 2.2c-.595-.735-1.534-1.194-1.534-1.194s.47-1.01 1.05-1.01z"/><path fill="#f6f4df" d="M6.385 12.598a3.87 3.87 0 0 1 3.529.315s.9-.915 2.114-.915c.6 0 1.285.25 1.97.88c0 0 1.714-1.17 3.704-.16l.3.615s-1.48 3.664-5.889 3.664a6.85 6.85 0 0 1-6.108-3.57z"/><path fill="#2b2a29" d="M10.004 10.998c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75c.005-.41.23-.75.5-.75m3.999 0c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75s.22-.75.5-.75"/><path fill="#f6f4df" d="M13.752 9.498c.415 0 .75.225.75.5s-.335.5-.75.5c-.41 0-.75-.225-.75-.5s.34-.5.75-.5m-3.404.02c.405.07.7.35.65.61c-.05.265-.425.425-.84.35c-.405-.07-.7-.35-.65-.61c.05-.265.425-.425.84-.35"/><path fill="#2b2a29" d="m10.502 13.127l.32-.51l.18.055v.2s.25.365.915.365v-.24c-.47-.085-.71-.71-.71-.71c.755-.62 1.75-.05 1.75-.05s-.335.66-.81.76v.235s.32.085.855-.315v-.23l.185-.005l.315.51l-.15.075l-.165-.165s-.4.395-1.16.395s-1.24-.48-1.24-.48l-.19.15z"/><defs><linearGradient id="SVGoYNSnejY" x1="5.258" x2="19.907" y1="5.957" y2="17.524" gradientUnits="userSpaceOnUse"><stop stop-color="#84b8ef"/><stop offset=".73" stop-color="#0871dd"/></linearGradient><linearGradient id="SVGizuZbAhQ" x1="12.001" x2="12.001" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#e5a507"/><stop offset="1" stop-color="#f4da12"/></linearGradient></defs></g></svg>Comment utiliser l'icône Mochi
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mochi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mochi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mochi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mochi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mochi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mochi"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/token-branded/mochi.svg" alt="Icône Mochi" width="24" height="24">Icônes similaires dans Web3 Icons Branded
L'icône Mochi dans d'autres collections
FAQ : Icône Mochi
L'icône Mochi 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 Mochi dans React ?
Installez @iconify/react et affichez <Icon icon="token-branded:mochi" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Mochi à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/token-branded/mochi.svg" alt="Icône Mochi">, ou collez le code SVG directement dans la page pour le styliser en CSS.