Icône Grapes
emojione-v1:grapes
L'icône Grapes (emojione-v1:grapes) 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
- Nourriture
- Mots-clés
- grape
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g transform="translate(8)"><path fill="#972675" d="M29.881.716c-.204.159-.119 1.831-.049 1.973c1.707 3.604-.318 12.585-.672 13.841c-.812 2.901.031 6.425 1.486 6.231c1.402-.186 3.834-5.97 4.369-7.102c1.299-2.791 1.915-6.457 1.623-9.636c-.301-3.356-3.504-7.77-6.757-5.307"/><circle cx="35.31" cy="39.479" r="7.934" fill="#d85f9a"/><path fill="#bc2b80" d="M14.949 19.316a7.935 7.935 0 0 0 7.94 7.935c4.378 0 7.929-3.552 7.929-7.935a7.93 7.93 0 0 0-7.929-7.934a7.934 7.934 0 0 0-7.94 7.934"/><path fill="#d85f9a" d="M6.098 27.25a7.933 7.933 0 1 0 15.865 0a7.93 7.93 0 0 0-7.931-7.93a7.93 7.93 0 0 0-7.934 7.93"/><path fill="#ef66a2" d="M16.911 36.02a7.93 7.93 0 0 0 7.931 7.934a7.933 7.933 0 0 0 7.936-7.934a7.933 7.933 0 0 0-7.936-7.933a7.93 7.93 0 0 0-7.931 7.933"/><path fill="#dd4094" d="M7.936 43.958a7.936 7.936 0 0 0 15.87 0a7.935 7.935 0 0 0-15.87 0"/><path fill="#e94991" d="M16.911 49.27a7.93 7.93 0 0 0 7.931 7.934a7.933 7.933 0 0 0 7.936-7.934a7.933 7.933 0 0 0-7.936-7.934a7.93 7.93 0 0 0-7.931 7.934"/><path fill="#d12a84" d="M12.829 29.31a7.933 7.933 0 0 0 7.936 7.933a7.935 7.935 0 1 0-7.936-7.933"/><path fill="#ef66a2" d="M1.046 36.02c0 4.382 3.549 7.938 7.931 7.938c4.38 0 7.934-3.556 7.934-7.938c0-4.378-3.553-7.929-7.934-7.929a7.93 7.93 0 0 0-7.931 7.929"/><path fill="#ed307c" d="M0 49.27a7.93 7.93 0 0 0 7.936 7.934a7.933 7.933 0 0 0 7.931-7.934a7.933 7.933 0 0 0-7.931-7.934A7.93 7.93 0 0 0 0 49.27"/><path fill="#d12a84" d="M7.206 57.21a6.823 6.823 0 0 0 6.826 6.823a6.823 6.823 0 0 0 6.826-6.823c0-3.764-3.058-6.819-6.826-6.819s-6.826 3.055-6.826 6.819"/><path fill="#e94991" d="M25.768 28.09a7.933 7.933 0 0 0 7.936 7.933a7.93 7.93 0 0 0 7.929-7.933a7.93 7.93 0 0 0-7.929-7.935a7.934 7.934 0 0 0-7.936 7.935"/></g></svg>Comment utiliser l'icône Grapes
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:grapes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:grapes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:grapes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--grapes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:grapes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:grapes"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/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 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 Grapes dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-v1: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/emojione-v1/grapes.svg" alt="Icône Grapes">, ou collez le code SVG directement dans la page pour le styliser en CSS.