Icône Grapes

fluent-emoji:grapes

L'icône Grapes (fluent-emoji:grapes) 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
Mots-clés: grape

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><mask id="i3pqU2S" width="10" height="9" x="17" y="21" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="21.957" cy="25.828" r="4.099"/></mask><mask id="iCL1Xvc" width="9" height="9" x="19" y="15" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="23.099" cy="19.503" r="4.099"/></mask><mask id="iJQZuMe" width="10" height="9" x="12" y="18" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="16.934" cy="22.491" r="4.099"/></mask><mask id="ibpkLke" width="9" height="9" x="7" y="14" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="11.746" cy="18.373" r="4.099"/></mask><mask id="i8bGXRc" width="9" height="9" x="19" y="9" maskUnits="userSpaceOnUse" style="mask-type:alpha"><circle cx="23.099" cy="13.188" r="4.099"/></mask><g fill="none"><path fill="url(#iqn1ahd)" d="M2.143 10.067L7.62 8.056a5.835 5.835 0 0 1 7.488 3.467l-5.477 2.01a5.835 5.835 0 0 1-7.488-3.466"/><path fill="url(#iX5ag3r)" d="M2.143 10.067L7.62 8.056a5.835 5.835 0 0 1 7.488 3.467l-5.477 2.01a5.835 5.835 0 0 1-7.488-3.466"/><path fill="url(#iQh2SJr)" d="M2.143 10.067L7.62 8.056a5.835 5.835 0 0 1 7.488 3.467l-5.477 2.01a5.835 5.835 0 0 1-7.488-3.466"/><g filter="url(#iv0LNxe)"><path fill="url(#iH45utc)" d="M7.793 8.525a5.335 5.335 0 0 1 6.652 2.709l-4.986 1.83a5.335 5.335 0 0 1-6.653-2.708z"/></g><g filter="url(#iz8OzZd)"><path fill="url(#ilK2Jsb)" d="M14.111 10.86a5.335 5.335 0 0 0-6.74-2.482l-.311.126a5.685 5.685 0 0 1 6.484 2.586z"/></g><path fill="url(#iCazKMb)" fill-rule="evenodd" d="M16.495 2.182a1 1 0 0 1 .543 1.306c-.673 1.63-1.488 6.038.834 10.096a1 1 0 1 1-1.736.993c-2.716-4.746-1.78-9.835-.947-11.852a1 1 0 0 1 1.306-.543" clip-rule="evenodd"/><g filter="url(#iNwDeSk)"><path stroke="url(#ikKVgvo)" stroke-linecap="round" stroke-linejoin="round" d="M16.134 3.101c-1.747 4.915 0 9.086 0 9.086"/></g><g stroke-linecap="round" stroke-linejoin="round" stroke-width=".5" filter="url(#iiMcumb)"><path stroke="url(#igFUHme)" d="M16.375 2.692c-1.747 4.915.16 9.388.16 9.388"/><path stroke="url(#itiwryd)" d="M16.375 2.692c-1.747 4.915.16 9.388.16 9.388"/></g><circle cx="21.957" cy="25.828" r="4.099" fill="url(#ixAGS5d)"/><circle cx="21.957" cy="25.828" r="4.099" fill="url(#iaU2lHb)"/><circle cx="21.957" cy="25.828" r="4.099" fill="url(#iQUwc3b)"/><g mask="url(#i3pqU2S)"><g filter="url(#iA637Jb)"><circle cx="16.934" cy="22.491" r="4.099" fill="#000" fill-opacity=".8"/></g><g filter="url(#id8b3bb)"><circle cx="23.099" cy="19.503" r="4.099" fill="#000" fill-opacity=".6"/></g></g><circle cx="23.099" cy="19.503" r="4.099" fill="url(#ijrANwe)"/><circle cx="23.099" cy="19.503" r="4.099" fill="url(#iXdM3Ld)"/><circle cx="23.099" cy="19.503" r="4.099" fill="url(#iDTZcGe)"/><g mask="url(#iCL1Xvc)"><g filter="url(#iKIHXBc)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000" fill-opacity=".8"/></g><g filter="url(#i2UnGeb)"><circle cx="23.099" cy="13.188" r="4.099" fill="#000" fill-opacity=".8"/></g></g><circle cx="16.934" cy="22.491" r="4.099" fill="url(#if7t2se)"/><circle cx="16.934" cy="22.491" r="4.099" fill="url(#ihhqeNd)"/><circle cx="16.934" cy="22.491" r="4.099" fill="url(#iwcJiNe)"/><g mask="url(#iJQZuMe)"><g filter="url(#iodS6Jj)"><circle cx="11.746" cy="18.373" r="4.099" fill="#000" fill-opacity=".6"/></g><g filter="url(#iRzi6Xb)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000" fill-opacity=".8"/></g></g><circle cx="11.746" cy="18.373" r="4.099" fill="url(#i6pgnyd)"/><circle cx="11.746" cy="18.373" r="4.099" fill="url(#i3Q6N5u)"/><circle cx="11.746" cy="18.373" r="4.099" fill="url(#i6VM0Fe)"/><g filter="url(#iKIHXBc)" mask="url(#ibpkLke)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000"/></g><circle cx="23.099" cy="13.188" r="4.099" fill="url(#iiLR8me)"/><circle cx="23.099" cy="13.188" r="4.099" fill="url(#ibeYeFj)"/><circle cx="23.099" cy="13.188" r="4.099" fill="url(#iliROcb)"/><g filter="url(#iKIHXBc)" mask="url(#i8bGXRc)"><circle cx="17.34" cy="15.405" r="4.099" fill="#000" fill-opacity=".6"/></g><circle cx="17.34" cy="15.405" r="4.099" fill="url(#iT15XEd)"/><circle cx="17.34" cy="15.405" r="4.099" fill="url(#ij3eVee)"/><defs><radialGradient id="ixAGS5d" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 7.315 16.104)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="iaU2lHb" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -15.257 36.781)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iQUwc3b" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 611.74 -375.032)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="ijrANwe" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 8.953 13.134)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="iXdM3Ld" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -7.827 34.857)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iDTZcGe" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 462.977 -405.155)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="if7t2se" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 5.367 13.589)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="ihhqeNd" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -14.15 29.666)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iwcJiNe" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 530.446 -258.114)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="i6pgnyd" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 3.467 10.654)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="i3Q6N5u" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -12.278 21.98)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".2"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="i6VM0Fe" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 430.624 -137.687)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="iiLR8me" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 10.018 9.977)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="ibeYeFj" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -.978 31.7)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0" stop-opacity=".6"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><radialGradient id="iliROcb" cx="0" cy="0" r="1" gradientTransform="rotate(-2.426 313.865 -408.313)scale(6.25215)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".5"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="iT15XEd" cx="0" cy="0" r="1" gradientTransform="rotate(142.712 6.765 10.114)scale(5.4775)" gradientUnits="userSpaceOnUse"><stop stop-color="#764FBE"/><stop offset=".474" stop-color="#7542B7"/><stop offset="1" stop-color="#57198E"/></radialGradient><radialGradient id="ij3eVee" cx="0" cy="0" r="1" gradientTransform="rotate(49.505 -6.261 26.563)scale(3.13336)" gradientUnits="userSpaceOnUse"><stop stop-color="#997ED0"/><stop offset="1" stop-color="#997ED0" stop-opacity="0"/></radialGradient><filter id="iv0LNxe" width="13.639" height="7.195" x="1.806" y="7.197" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".5"/></filter><filter id="iz8OzZd" width="8.551" height="4.606" x="6.31" y="7.234" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".375"/></filter><filter id="iNwDeSk" width="2.576" height="10.886" x="14.457" y="2.201" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".2"/></filter><filter id="iiMcumb" width="2.398" height="10.888" x="14.888" y="1.942" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation=".25"/></filter><filter id="iA637Jb" width="16.197" height="16.197" x="8.835" y="14.393" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="id8b3bb" width="16.197" height="16.197" x="15" y="11.405" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="iKIHXBc" width="16.197" height="16.197" x="9.241" y="7.306" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="i2UnGeb" width="14.197" height="14.197" x="16" y="6.089" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="1.5"/></filter><filter id="iodS6Jj" width="16.197" height="16.197" x="3.648" y="10.275" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="2"/></filter><filter id="iRzi6Xb" width="12.197" height="12.197" x="11.242" y="9.306" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30687" stdDeviation="1"/></filter><linearGradient id="iqn1ahd" x1="2.143" x2="15.108" y1="9.991" y2="11.618" gradientUnits="userSpaceOnUse"><stop stop-color="#81B719"/><stop offset="1" stop-color="#82CA24"/></linearGradient><linearGradient id="iX5ag3r" x1="6.553" x2="5.44" y1="10.795" y2="13.522" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="1" stop-opacity=".12"/></linearGradient><linearGradient id="iQh2SJr" x1="12.008" x2="15.108" y1="10.334" y2="11.333" gradientUnits="userSpaceOnUse"><stop stop-opacity="0"/><stop offset="1" stop-opacity=".3"/></linearGradient><linearGradient id="iH45utc" x1="2.143" x2="15.108" y1="9.991" y2="11.618" gradientUnits="userSpaceOnUse"><stop stop-color="#89BB1B"/><stop offset=".354" stop-color="#8FC21E"/><stop offset="1" stop-color="#97C345"/></linearGradient><linearGradient id="ilK2Jsb" x1="7.057" x2="14.109" y1="8.421" y2="10.796" gradientUnits="userSpaceOnUse"><stop stop-color="#B9E572" stop-opacity=".3"/><stop offset=".521" stop-color="#B9E572" stop-opacity=".8"/><stop offset="1" stop-color="#B9E572" stop-opacity=".3"/></linearGradient><linearGradient id="iCazKMb" x1="16.168" x2="16.168" y1="2.106" y2="11.601" gradientUnits="userSpaceOnUse"><stop stop-color="#7CB82B"/><stop offset="1" stop-color="#91C627"/></linearGradient><linearGradient id="ikKVgvo" x1="15.746" x2="15.746" y1="3.101" y2="12.187" gradientUnits="userSpaceOnUse"><stop stop-color="#86BF1E"/><stop offset="1" stop-color="#92D72D"/></linearGradient><linearGradient id="igFUHme" x1="15.746" x2="15.746" y1="3.101" y2="12.187" gradientUnits="userSpaceOnUse"><stop stop-color="#C8F584" stop-opacity=".8"/><stop offset=".307" stop-color="#C8F584" stop-opacity="0"/></linearGradient><linearGradient id="itiwryd" x1="16.112" x2="16.112" y1="2.951" y2="12.08" gradientUnits="userSpaceOnUse"><stop offset=".297" stop-color="#B1E465" stop-opacity="0"/><stop offset="1" stop-color="#B1E465"/></linearGradient></defs></g></svg>

Comment utiliser l'icône Grapes

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

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

L'icône Grapes dans d'autres collections

FAQ : Icône Grapes

L'icône Grapes 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 Grapes dans React ?

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

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

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

Voir toutes les Icônes Fluent Emoji →