Icône Eggplant

fluent-emoji:eggplant

L'icône Eggplant (fluent-emoji:eggplant) est une icône SVG gratuite de la collection Fluent Emoji par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji 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: Fluent Emoji
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#izXkkzd)" d="M19.5 30c-15.019 0-17-11.5-17-21h10c1 3 2.262 7.623 9 6.5c6-1 8.5 3.727 8.5 6.5c0 2-.5 8-10.5 8"/><path fill="#2EC262" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="url(#ijeu6id)" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="url(#ihnFroc)" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="url(#iNqZ7Pe)" d="M7.5 2A1.5 1.5 0 0 0 6 3.5v1.338l3-.135V3.5A1.5 1.5 0 0 0 7.5 2"/><path fill="#28A964" d="M6 4.271c-2.32.74-4 2.914-4 5.479V10c0 .552.495 1.018.919.664c.221-.184.401-.424.581-.664c.375-.5.75-1 1.5-1s1.125.5 1.5 1s.75 1 1.5 1s1.125-.5 1.5-1s.75-1 1.5-1c.738 0 1.089.484 1.445.976l.16.218c.349.46.895.133.895-.444c0-2.746-1.925-4.908-4.5-5.479c0 0-.719-.146-1.5-.146S6 4.271 6 4.271"/><path fill="url(#iwbZjXb)" d="M6 4.271c-2.32.74-4 2.914-4 5.479V10c0 .552.495 1.018.919.664c.221-.184.401-.424.581-.664c.375-.5.75-1 1.5-1s1.125.5 1.5 1s.75 1 1.5 1s1.125-.5 1.5-1s.75-1 1.5-1c.738 0 1.089.484 1.445.976l.16.218c.349.46.895.133.895-.444c0-2.746-1.925-4.908-4.5-5.479c0 0-.719-.146-1.5-.146S6 4.271 6 4.271"/><g filter="url(#i5LeNHb)"><ellipse cx="26.446" cy="20.724" fill="#B685FF" rx="1.885" ry="1.393" transform="rotate(-50.773 26.446 20.724)"/></g><defs><radialGradient id="izXkkzd" cx="0" cy="0" r="1" gradientTransform="rotate(106.422 6.193 14.133)scale(18.5701 24.318)" gradientUnits="userSpaceOnUse"><stop offset=".138" stop-color="#8A59E8"/><stop offset=".302" stop-color="#7E2EF2"/><stop offset=".446" stop-color="#894AFF"/><stop offset=".506" stop-color="#8A4CFF"/><stop offset=".767" stop-color="#6A26FF"/><stop offset="1" stop-color="#542BFF"/></radialGradient><radialGradient id="ijeu6id" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.01849 -2.375 0 8.625 3.419)" gradientUnits="userSpaceOnUse"><stop stop-color="#3EF797"/><stop offset="1" stop-color="#3FF693" stop-opacity="0"/></radialGradient><radialGradient id="ihnFroc" cx="0" cy="0" r="1" gradientTransform="matrix(0 2 -1.25 0 7.938 3.656)" gradientUnits="userSpaceOnUse"><stop stop-color="#47F99C"/><stop offset="1" stop-color="#42F799" stop-opacity="0"/></radialGradient><radialGradient id="iNqZ7Pe" cx="0" cy="0" r="1" gradientTransform="rotate(138.424 3.473 2.99)scale(.6475 .66909)" gradientUnits="userSpaceOnUse"><stop stop-color="#5AFEA6"/><stop offset="1" stop-color="#8CFFC2" stop-opacity="0"/></radialGradient><radialGradient id="iwbZjXb" cx="0" cy="0" r="1" gradientTransform="matrix(-5.81249 6.75001 -6.66228 -5.73694 11.375 6.25)" gradientUnits="userSpaceOnUse"><stop offset=".231" stop-color="#46FFA1"/><stop offset=".937" stop-color="#35FF99" stop-opacity="0"/></radialGradient><filter id="i5LeNHb" width="9.216" height="9.411" x="21.838" y="16.018" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_31099" stdDeviation="1.5"/></filter></defs></g></svg>

Comment utiliser l'icône Eggplant

React

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

<Icon icon="fluent-emoji:eggplant" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:eggplant" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:eggplant" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--eggplant]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:eggplant"></div>

Web component

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

<iconify-icon icon="fluent-emoji:eggplant"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/eggplant.svg" alt="Icône Eggplant" width="24" height="24">

L'icône Eggplant dans d'autres collections

FAQ : Icône Eggplant

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

Oui. Les Fluent Emoji icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Eggplant dans React ?

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

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

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

Voir toutes les Icônes Fluent Emoji →