Icône Cherry
gravity-ui:cherry
L'icône Cherry (gravity-ui:cherry) est une icône SVG gratuite de la collection Gravity UI Icons par YANDEX LLC. Elle est dessinée sur une grille de 24 × 24. Les Gravity UI 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
- Gravity UI Icons
- Auteur
- YANDEX LLC
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGRVeuBdhT)"><path fill="currentColor" fill-rule="evenodd" d="M7.71.058c-1.62.676-2.758 1.724-3.414 3.04l-.033.066a6.5 6.5 0 0 0-.624 2.516q-.038.74.058 1.51l.002.01l.002.016A4.002 4.002 0 0 0 5 15a3.99 3.99 0 0 0 3.317-1.764q.057-.084.11-.173A4 4 0 0 0 11 14a4 4 0 1 0-1.391-7.752a4 4 0 0 1-.747-.327a3 3 0 0 1-.423-.285a2.8 2.8 0 0 1-.818-1.039c-.303-.67-.355-1.519-.048-2.477q.196.543.48.995q.33.531.772.939a4.5 4.5 0 0 0 1.234.815q.451.203.941.321a6.4 6.4 0 0 0 1.062.163q.541.037 1.1 0l.024-.002a10 10 0 0 0 .937-.111a.75.75 0 0 0 .617-.863a6 6 0 0 0-.267-1.032a4.6 4.6 0 0 0-.965-1.59a4.7 4.7 0 0 0-1.22-.918C11.068.191 9.553.001 8.018 0a.75.75 0 0 0-.307.058m1.605 2.247a3 3 0 0 0 1.113 1.072l.02.01q.341.188.745.303c.546.156 1.174.212 1.87.166l-.034-.091A2.95 2.95 0 0 0 11.825 2.3a4 4 0 0 0-.238-.138a4.5 4.5 0 0 0-.707-.296C10.33 1.69 9.7 1.582 9 1.533l-.045-.003l.028.08q.141.386.332.695M5.867 3.363q0 .3.036.594a4.4 4.4 0 0 0 .365 1.29a4.2 4.2 0 0 0 .679 1.035q.323.365.731.659q.21.15.442.283a4 4 0 0 0-.548.713a4 4 0 0 0-2.387-.933a8 8 0 0 1-.055-.694a7 7 0 0 1 .009-.591a5 5 0 0 1 .466-1.886l.008-.016a4 4 0 0 1 .254-.454M8.608 9.27a4 4 0 0 1 .365 2.193a2.5 2.5 0 1 0 .229-3.201l-.002.002a2.5 2.5 0 0 0-.592 1.006M7.5 11.037V11a2.5 2.5 0 1 0 0 .037" clip-rule="evenodd"/></g><defs><clipPath id="SVGRVeuBdhT"><path fill="currentColor" d="M0 0h16v16H0z"/></clipPath></defs></g></svg>
Comment utiliser l'icône Cherry
React
import { Icon } from "@iconify/react";
<Icon icon="gravity-ui:cherry" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gravity-ui:cherry" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gravity-ui:cherry" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gravity-ui--cherry]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gravity-ui -->
<div class="i-gravity-ui:cherry"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gravity-ui:cherry"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/gravity-ui/cherry.svg" alt="Icône Cherry" width="24" height="24">
L'icône Cherry dans d'autres collections
FAQ : Icône Cherry
L'icône Cherry est-elle gratuite pour un usage commercial ?
Oui. Les Gravity UI Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cherry dans React ?
Installez @iconify/react et affichez <Icon icon="gravity-ui:cherry" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cherry à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/gravity-ui/cherry.svg" alt="Icône Cherry">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Gravity UI Icons →
ICONYZ
