Icône Cucumber
emojione:cucumber
L'icône Cucumber (emojione:cucumber) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) 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 (Colored)
- 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"><path fill="#75a843" d="M59.9 21.3c-9.5-12-26-6.4-26-6.4Q30.45 18.65 27 23c-1.5-.5-2.8 1.5-2 2.6c-2.1 2.8-4.3 5.3-6.5 7.7c-1.8-.4-2.2 1.2-2 2.2c-1.5 1.6-3 3.2-4.4 4.6c0 0-13.4 17.9 12.5 16.3c1.1-.6 2.3-1.3 3.4-2c1.4 1.7 2.9-.6 2.7-1.8c1.8-1.2 3.7-2.5 5.7-4c.8.2 1.9.2 2-1.5c1.6-1.2 3.1-2.5 4.7-3.8c2-1.7 3.8-3.4 5.5-5.1c1.1.1 2.9-.2 2.6-2.9c2.3-2.7 4.2-5.4 5.8-8.1c.8-.1 2.3-.6 1.3-2.3c.5-1.2 1.1-2.4 1.6-3.6"/><path fill="#c7e755" d="M39.9 33.5c-1.4 1.2-4.2.7-5.5 1.8c-4.5 3.9-4.1 6.7-4.9 7.6s-3.3-.2-3.7 4.1c1-1.9 3.2-2 4.3-4.1c1.8-3.5 7.4-4.7 9.8-9.4" opacity=".8"/><path fill="#558730" d="M13.4 38.8c-1.5 1.5-2.9 3-4.1 4.4c-1.4-.7-2.9 1.3-2.6 3.1c-2.5 3.1-4 6-3.9 8.9c-1.1 1.7-1 3.1 1.3 4c1.6 2.5 4.8 3.1 9.1 2.1c.8.7 2.2 1.6 3.3-1q4.5-1.65 9.9-4.8c-1.3-1.9-12.4 3.7-5.2-1.8c8.5-6.4-10 3-2.1-4.4s-10.6 4.1-4.7-1.6c5.9-5.8 2-5.2-2.6-2.6c-3.5 1.9-.4-3.3 1.6-6.3"/><path fill="#c7e755" d="M58.2 3.1C53.7.5 47.9 2.6 41.7 7.6c-1.5-.8-2.9 0-3.5 3.1c-.1.1-3.5 3.4-5.1 5.2c0 0 .4 1.2.4 1.6c-.3 1.7-1.2 3.3-2.2 4.7s-2.1 2.7-3.2 3.9c-1.1 1.1-9.7 12.4-10 12.7c.6.2 1.8 1.2 5.4-5.4c.6-1.1 2.4-1.5 3.2-2.7c.9-1.2.9-3.1 1.7-4.5s3-1.8 4-3.2c1-1.3 2-4.9 3.2-6.1c2.4-2.4 3.1-1.9 2.9-.3c-.5 2.4 3.8-3 3.1.4c-.6 3.1-3.2 5.1-4.3 6.7c-5.7 8.1-10.7 9.5-11 10.9c-.9 4.8-3.8 4.5-5.1 8.1c4.3-1.4 3.5-3.3 8.1-5.2c1.3-.6.1-4.4 5.6-8.4c3.5-2.6 2.4-4.7 7.5-8.5c1-.7 5.1-7.8 2.6-1.4c-1.1 2.9 7.8-5.3 6.3-2c-5.5 12-7.3 7.2-10.7 15.8c4-5.8 6.7-4.6 11-12.4c2.8-5.1 5.6 1.5 2.9 4.7c-3.5 4.1-4.5 5.9-5.7 7.1s-4.4 1.4-7.2 7.9c4.1-4.1 3.9-.9 7.6-7.3c4.5-7.6 8.2-6.1 9.9-9.7c4.2-9.6 3.8-17.5-.9-20.2"/><path fill="#75a843" d="M45.1 9.5c.2.2.1.8-.4 1.2c-.4.4-1 .6-1.2.4s-.1-.8.4-1.2c.4-.4.9-.6 1.2-.4m6.5-3.2c.3.3.1.9-.4 1.4s-1.1.7-1.3.4c-.3-.3-.1-.9.4-1.4s1.1-.6 1.3-.4m.2 6c.2.2.1.6-.3.9c-.3.3-.7.5-.9.3s-.1-.6.3-.9c.3-.4.7-.5.9-.3m5.9-4.8c.3.3.2 1.1-.4 1.6c-.5.5-1.2.7-1.6.4c-.3-.3-.2-1.1.4-1.6c.5-.6 1.2-.8 1.6-.4" opacity=".8"/></svg>Comment utiliser l'icône Cucumber
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:cucumber" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:cucumber" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:cucumber" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--cucumber]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:cucumber"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:cucumber"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione/cucumber.svg" alt="Icône Cucumber" width="24" height="24">L'icône Cucumber dans d'autres collections
FAQ : Icône Cucumber
L'icône Cucumber est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (Colored) 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 Cucumber dans React ?
Installez @iconify/react et affichez <Icon icon="emojione:cucumber" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cucumber à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/cucumber.svg" alt="Icône Cucumber">, ou collez le code SVG directement dans la page pour le styliser en CSS.