Icône Watermelon
emojione-monotone:watermelon
L'icône Watermelon (emojione-monotone:watermelon) est une icône SVG gratuite de la collection Emoji One (Monotone) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Emoji One (Monotone)
- Auteur
- Emoji One
- Licence
- CC-BY-4.0
- Taille
- 64 × 64
- Catégorie
- Nourriture
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="currentColor" fill-rule="evenodd"><path d="M19.712 40.986c1.208.028 2.174-.885 2.16-2.041s-2.24-4.212-2.24-4.212s-2.147 2.955-2.133 4.109s1.004 2.117 2.213 2.144m9.041 1.939c.014 1.154 1.005 2.116 2.213 2.144s2.174-.885 2.159-2.041s-2.24-4.211-2.24-4.211s-2.146 2.954-2.132 4.108m9.552-8.193c1.209.029 2.174-.885 2.159-2.041s-2.239-4.212-2.239-4.212s-2.148 2.955-2.135 4.109c.014 1.155 1.006 2.117 2.215 2.144m7.444 9.757c1.208.028 2.175-.887 2.159-2.043c-.014-1.155-2.24-4.21-2.24-4.21s-2.146 2.956-2.133 4.109c.015 1.155 1.006 2.116 2.214 2.144M29.833 25.223c1.208.027 2.174-.887 2.159-2.042c-.014-1.155-2.24-4.212-2.24-4.212s-2.147 2.957-2.133 4.11c.015 1.154 1.006 2.115 2.214 2.144"/><path d="M61.035 48.085L33.894 5.058L31.964 2L30.04 5.061L2.961 48.145L2 49.674l1.313 1.249C10.829 58.065 20.998 62 31.947 62c10.979 0 21.184-3.953 28.737-11.134L62 49.615zM31.968 6.234l22.676 35.949l-.134.101c-6.345 4.724-14.355 7.325-22.558 7.325c-8.176 0-16.157-2.586-22.472-7.282l-.135-.101zM53.41 53.362a38.4 38.4 0 0 1-6.098 3.111l-2.006-5.272a41 41 0 0 1-9.885 2.064v6.024c-2.277.19-4.567.19-6.842.008v-6.024a41 41 0 0 1-9.894-2.047l-2.009 5.28a38 38 0 0 1-6.1-3.104l1.875-4.933a37 37 0 0 1-4.97-3.278l.902-1.435l.004-.006c6.85 5.094 15.203 7.642 23.565 7.642c8.379 0 16.768-2.561 23.652-7.688l.001.003l.909 1.44a37.4 37.4 0 0 1-4.979 3.288z"/></g></svg>
Comment utiliser l'icône Watermelon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:watermelon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:watermelon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:watermelon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--watermelon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:watermelon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:watermelon"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/watermelon.svg" alt="Icône Watermelon" width="24" height="24">
L'icône Watermelon dans d'autres collections
FAQ : Icône Watermelon
L'icône Watermelon est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (Monotone) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Watermelon dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-monotone:watermelon" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Watermelon à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-monotone/watermelon.svg" alt="Icône Watermelon">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Emoji One (Monotone) →
ICONYZ
