ICONYZ
Français
Icône Mushroom de Emoji One (v1)

Icône Mushroom

emojione-v1:mushroom

L'icône Mushroom (emojione-v1:mushroom) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Emoji One (v1)
Auteur
Emoji One
Licence
CC-BY-SA-4.0
Taille
64 × 64
Catégorie
Nature
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ddb185" d="M20.606 58.673c0 5.458 5.1 5.226 11.392 5.226c6.297 0 11.394.23 11.394-5.226c0-5.449-5.097-18.895-11.394-18.895c-6.293 0-11.392 13.446-11.392 18.895"/><path fill="#be202e" d="M.05 35.216c0 9.25 14.297 16.745 31.948 16.745c17.656 0 31.952-7.495 31.952-16.745c.001-9.238-14.296-32.044-31.952-32.044C14.348 3.172.05 25.978.05 35.216"/><path fill="#d1d2d3" d="M19.504 31.347c0 4.143-3.727 7.5-8.324 7.5s-8.327-3.358-8.327-7.5c0-4.138 3.729-7.495 8.327-7.495s8.324 3.357 8.324 7.495m38.49 5.556c0 5.525-4.981 10.015-11.114 10.015c-6.143 0-11.119-4.487-11.119-10.015c0-5.53 4.976-10.015 11.12-10.015c6.132 0 11.113 4.483 11.113 10.015M43.187 14.341c0 3.693-3.326 6.693-7.427 6.693c-4.104 0-7.427-2.999-7.427-6.693s3.323-6.686 7.427-6.686c4.1 0 7.427 2.993 7.427 6.686"/></svg>

Comment utiliser l'icône Mushroom

React

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

<Icon icon="emojione-v1:mushroom" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:mushroom" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:mushroom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--mushroom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:mushroom"></div>

Web component

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

<iconify-icon icon="emojione-v1:mushroom"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/mushroom.svg" alt="Icône Mushroom" width="24" height="24">

L'icône Mushroom dans d'autres collections

FAQ : Icône Mushroom

L'icône Mushroom est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Mushroom dans React ?

Installez @iconify/react et affichez <Icon icon="emojione-v1:mushroom" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Mushroom à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/mushroom.svg" alt="Icône Mushroom">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (v1) →