Icône Croissant
hugeicons:croissant
L'icône Croissant (hugeicons:croissant) est une icône SVG gratuite de la collection Huge Icons par Hugeicons. Elle est dessinée sur une grille de 24 × 24. Les Huge 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
- Huge Icons
- Auteur
- Hugeicons
- Licence
- MIT
- Taille
- 24 × 24
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3.504 10.497c-.456.46-.779 1.33-1.33 3.33c-.117.423-.203.86-.163 1.297c.06.648.28 1.05.72 1.38c.468.353 1.077.44 1.664.44h1.52c1.047 0 2.146-.207 2.848-.978c.798-.877 1.005-1.85.756-2.493m.5-9.92l3.35-1.326c1.025-.405 2.257-.288 3.003.516c.363.39.594.787.665 1.306v2.063c0 1.204-.52 2.393-1.563 3.014c-.599.355-1.178.605-1.945.875M4.005 8.017c1.206-2.15 2.076-3.03 4.01-3.968c.442-.238.81-.374 1.159-.398c1.393-.095 2.141 1.546 2.708 2.808l1.008 2.243c.091.204.162.417.196.637c.157.998.003 1.499-.56 2.15l-.917.907c-.39.386-.806.774-1.332.936q-.222.068-.432.077c-.937.036-1.817-.468-2.702-.777c-1.132-.394-1.97-1.03-3.138-2.135c-.622-.985-.592-1.529 0-2.48m13.033-.472c1.177.204 1.838.323 3.007.498c.458.067.8.005 1.185-.253c.594-.399.925-1.16.693-1.836c-.227-.663-.78-1.19-1.878-1.896c-1.153-.801-1.811-1.135-3.008-1.495M2.502 17.01c.094 1.388.578 2.273 2.005 3.985c.646.661 1.117.933 1.742.999c.49.051.967-.187 1.274-.57c.378-.47.531-.857.493-1.425l-.501-2.989"/></svg>
Comment utiliser l'icône Croissant
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:croissant" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:croissant" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:croissant" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--croissant]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:croissant"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:croissant"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/hugeicons/croissant.svg" alt="Icône Croissant" width="24" height="24">
L'icône Croissant dans d'autres collections
FAQ : Icône Croissant
L'icône Croissant est-elle gratuite pour un usage commercial ?
Oui. Les Huge Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Croissant dans React ?
Installez @iconify/react et affichez <Icon icon="hugeicons:croissant" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Croissant à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/hugeicons/croissant.svg" alt="Icône Croissant">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Huge Icons →
ICONYZ
