Icône Lemon
fluent-emoji:lemon
L'icône Lemon (fluent-emoji:lemon) 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
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(#iCQrqpb)" d="M7.036 2.492L2 5.01c.826 2.336 3.525 3.525 6.043 2.518l6.044-2.518C13.26 2.663 9.85 1.177 7.035 2.492"/><g filter="url(#iZdpHfe)"><path fill="url(#iBCatEc)" d="m2.646 5.26l4.582-2.29c1.352-.579 2.822-.411 3.985.008c.998.36 1.778.983 2.205 1.775l-5.566 2.32c-2.117.844-4.329-.037-5.206-1.813"/></g><g filter="url(#iwBNVab)"><path fill="url(#i5PP5me)" d="M5.005 4.172L7.43 2.77c1.353-.578 2.823-.411 3.986.008c.998.36 1.777.983 2.205 1.776c-3.17-1.557-3.686-2.123-8.616-.38"/></g><path fill="url(#iOlnARc)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><path fill="url(#i85HNJe)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><path fill="url(#ibUQJZd)" d="M14.924 4.6C9.52 6.507 6.69 12.45 8.592 17.87l1.253 3.558a10.38 10.38 0 0 0 8.929 6.908c.742.059 1.438.384 1.994.884c.8.721 1.948.989 3.027.605a3.04 3.04 0 0 0 1.983-2.372a3.4 3.4 0 0 1 .997-1.943c2.864-2.744 4.035-7.013 2.632-11.002l-1.252-3.558c-1.902-5.432-7.828-8.27-13.231-6.35"/><defs><radialGradient id="iOlnARc" cx="0" cy="0" r="1" gradientTransform="rotate(115.148 7.243 12.02)scale(17.6305 14.9181)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFB98"/><stop offset=".505" stop-color="#FFD84C"/><stop offset="1" stop-color="#E6B534"/></radialGradient><radialGradient id="i85HNJe" cx="0" cy="0" r="1" gradientTransform="matrix(9.44156 25.03168 -21.18062 7.989 14.624 4.968)" gradientUnits="userSpaceOnUse"><stop offset=".522" stop-color="#FFDE67" stop-opacity="0"/><stop offset=".736" stop-color="#FFA457" stop-opacity=".2"/><stop offset=".886" stop-color="#D5676D" stop-opacity=".75"/><stop offset=".918" stop-color="#E88257"/><stop offset="1" stop-color="#F49754"/></radialGradient><radialGradient id="ibUQJZd" cx="0" cy="0" r="1" gradientTransform="matrix(28.62918 42.63926 -36.07943 24.22473 -10.594 -28.473)" gradientUnits="userSpaceOnUse"><stop offset=".708" stop-color="#D5B638"/><stop offset=".874" stop-color="#D5B638" stop-opacity="0"/></radialGradient><linearGradient id="iCQrqpb" x1="2" x2="14.086" y1="5.009" y2="5.009" gradientUnits="userSpaceOnUse"><stop stop-color="#80A338"/><stop offset="1" stop-color="#B3D745"/></linearGradient><linearGradient id="iBCatEc" x1="1.999" x2="14.085" y1="5.02" y2="5.02" gradientUnits="userSpaceOnUse"><stop stop-color="#95BD27"/><stop offset="1" stop-color="#BAE038"/></linearGradient><linearGradient id="i5PP5me" x1="13.621" x2="6.383" y1="4.24" y2="3.298" gradientUnits="userSpaceOnUse"><stop stop-color="#D1F56E" stop-opacity="0"/><stop offset=".286" stop-color="#D1F56E"/><stop offset="1" stop-color="#D1F56E" stop-opacity="0"/></linearGradient><filter id="iZdpHfe" width="12.283" height="6.31" x="1.89" y="1.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30102" stdDeviation=".378"/></filter><filter id="iwBNVab" width="10.127" height="3.667" x="4.249" y="1.641" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30102" stdDeviation=".378"/></filter></defs></g></svg>Comment utiliser l'icône Lemon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:lemon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:lemon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:lemon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--lemon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:lemon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:lemon"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/lemon.svg" alt="Icône Lemon" width="24" height="24">L'icône Lemon dans d'autres collections
FAQ : Icône Lemon
L'icône Lemon 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 Lemon dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji:lemon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Lemon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji/lemon.svg" alt="Icône Lemon">, ou collez le code SVG directement dans la page pour le styliser en CSS.