Icône Gifts
glyphs-poly:gifts
L'icône Gifts (glyphs-poly:gifts) est une icône SVG gratuite de la collection Glyphs Poly par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs Poly 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
- Glyphs Poly
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- gift
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#6fcf97" fill-rule="evenodd" d="M38 24H6v44h24V40h8v-1.563c-1.867-1.742-2.55-4.647-1.144-7.179A6 6 0 0 1 38 29.79z" clip-rule="evenodd"/><path fill="#6fcf97" d="M6 24v-2a2 2 0 0 0-2 2zm32 0h2a2 2 0 0 0-2-2zM6 68H4a2 2 0 0 0 2 2zm24 0v2a2 2 0 0 0 2-2zm0-28v-2a2 2 0 0 0-2 2zm8 0v2a2 2 0 0 0 2-2zm0-1.563h2a2 2 0 0 0-.636-1.462zm-1.144-7.179l1.749.972zM38 29.79l1.364 1.463A2 2 0 0 0 40 29.79zM6 26h32v-4H6zm2 42V24H4v44zm22-2H6v4h24zm-2-26v28h4V40zm10-2h-8v4h8zm-2 .437V40h4v-1.563zm-.892-8.15c-1.89 3.4-.954 7.297 1.528 9.612l2.728-2.924c-1.252-1.169-1.683-3.083-.76-4.745zm1.528-1.96a8 8 0 0 0-1.528 1.96l3.497 1.943a4 4 0 0 1 .759-.977zM36 24v5.79h4V24z"/><path stroke="#f2c94c" stroke-dasharray="1 8" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22 34v24"/><path fill="#eb5757" d="M22 12h2a2 2 0 0 0-4 0zm.003 11.988h-2a2 2 0 0 0 3.732 1zm-.006 0l-1.732 1a2 2 0 0 0 3.732-1zM16 13.608l1.732-1a2 2 0 0 0-3.464 2zm5.991 10.383l-.999 1.733a2 2 0 0 0 2.732-2.732zM11.609 18l1-1.732a2 2 0 0 0-2 3.464zm10.38 5.997v2a2 2 0 0 0 1-3.732zM10 24v-2a2 2 0 0 0 0 4zm24 0v2a2 2 0 0 0 0-4zm-11.988-.003l-1-1.732a2 2 0 0 0 1 3.732zM32.392 18l1 1.732a2 2 0 0 0-2-3.464zm-10.384 5.991l-1.732-.999a2 2 0 0 0 2.732 2.732zM28 13.609l1.732 1a2 2 0 0 0-3.464-2zM20 12l.003 11.988l4-.001L24 12zm3.997 11.988L24 12l-4-.002l-.003 11.989zm-9.729-9.38l5.997 10.38l3.464-2.001l-5.997-10.38zm9.456 8.383l-5.992-10.384l-3.464 2l5.991 10.383zm-13.116-3.26l10.384 5.992l2-3.465l-10.385-5.991zm12.38 2.533l-10.38-5.997l-2 3.464l10.38 5.997zM10.002 26l11.988-.003l-.001-4L9.999 22zM10 26h24v-4H10zm12.011-.003L34 26l.002-4l-11.989-.003zm9.38-9.729l-10.38 5.997l2.001 3.464l10.38-5.997zm-8.383 9.456l10.384-5.992l-2-3.464l-10.383 5.991zm3.26-13.116l-5.992 10.384l3.465 2l5.991-10.385zm-2.533 12.38l5.997-10.38l-3.464-2l-5.997 10.38z"/><path fill="#9b51e0" stroke="#9b51e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M30 40h44v28H30z"/><path stroke="#eb5757" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M30 54h44M52 40v28M36.856 31.258c2.242-4.035 8.046-4.035 10.288 0l4.673 8.412a.222.222 0 0 1-.194.33v0H42c-4.486 0-7.322-4.82-5.144-8.742m30.288 0c-2.242-4.035-8.046-4.035-10.288 0l-4.673 8.412a.222.222 0 0 0 .194.33v0H62c4.487 0 7.322-4.82 5.144-8.742"/></g></svg>Comment utiliser l'icône Gifts
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:gifts" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:gifts" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:gifts" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--gifts]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:gifts"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:gifts"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/gifts.svg" alt="Icône Gifts" width="24" height="24">L'icône Gifts dans d'autres collections
FAQ : Icône Gifts
L'icône Gifts est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs Poly icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Gifts dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs-poly:gifts" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gifts à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs-poly/gifts.svg" alt="Icône Gifts">, ou collez le code SVG directement dans la page pour le styliser en CSS.