Icône Gift 16
qlementine-icons:gift-16
L'icône Gift 16 (qlementine-icons:gift-16) est une icône SVG gratuite de la collection Qlementine Icons par Olivier Cléro. Elle est dessinée sur une grille de 24 × 24. Les Qlementine 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
- Qlementine Icons
- Auteur
- Olivier Cléro
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Divers
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.2 4C4.562 3.567 4 2.93 4 2c0-.608.192-1.12.539-1.47a1.75 1.75 0 0 1 1.27-.527c.937 0 1.87.678 2.17 1.88l.015.06l.015-.06c.3-1.2 1.24-1.88 2.17-1.88c.466 0 .928.17 1.27.527c.347.359.539.867.539 1.47c0 .926-.558 1.57-1.2 2h1.8c.84 0 1.26 0 1.58.163c.282.144.512.373.656.656c.164.321.164.741.164 1.58v.2c0 .84 0 1.26-.164 1.58a1.5 1.5 0 0 1-.656.656a1 1 0 0 1-.181.072v4.69c0 .84 0 1.26-.164 1.58a1.5 1.5 0 0 1-.656.656c-.321.164-.741.164-1.58.164h-7.2c-.84 0-1.26 0-1.58-.164a1.5 1.5 0 0 1-.656-.656c-.163-.32-.163-.74-.163-1.58v-4.69a1 1 0 0 1-.181-.072a1.5 1.5 0 0 1-.656-.656c-.163-.321-.163-.741-.163-1.58v-.2c0-.84 0-1.26.163-1.58c.144-.282.373-.512.656-.656C2.127 4 2.547 4 3.387 4h1.8zm5.55-2.78c.137.142.258.385.258.779c0 .666-.586 1.17-1.45 1.54a7 7 0 0 1-.959.322c.069-.372.188-.93.391-1.74c.199-.798.765-1.12 1.2-1.12c.222 0 .415.079.554.223zM7.01 5h-3.6c-.437 0-.704 0-.904.017a1.3 1.3 0 0 0-.216.034l-.007.003a.5.5 0 0 0-.218.22l-.004.007l-.009.032a1 1 0 0 0-.025.184c-.016.2-.017.467-.017.904v.2c0 .437 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.004.007a.5.5 0 0 0 .225.223l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h3.6v-3zm2 0v3h3.6c.436 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.007-.003a.5.5 0 0 0 .218-.22l.004-.007l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904v-.2c0-.437 0-.704-.017-.904a1.3 1.3 0 0 0-.034-.216l-.004-.007a.5.5 0 0 0-.218-.22l-.004-.001l-.003-.002l-.032-.009a1 1 0 0 0-.184-.025c-.2-.016-.467-.017-.904-.017h-3.6zm-2 4h-4v4.6c0 .436 0 .704.017.904a1.3 1.3 0 0 0 .034.216l.003.007a.5.5 0 0 0 .226.222l.032.009c.034.008.09.017.184.025c.2.016.467.017.904.017h2.6zm2 6h2.6c.436 0 .704 0 .904-.017a1.3 1.3 0 0 0 .216-.034l.007-.003a.5.5 0 0 0 .218-.218l.004-.008l.009-.032a1 1 0 0 0 .025-.184c.016-.2.017-.467.017-.904V9h-4zm-4-13c0-.394.121-.637.258-.779a.75.75 0 0 1 .554-.223c.438 0 1 .325 1.2 1.12c.203.814.322 1.37.391 1.74a7 7 0 0 1-.959-.322c-.861-.368-1.45-.875-1.45-1.54z" clip-rule="evenodd"/></svg>Comment utiliser l'icône Gift 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:gift-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:gift-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:gift-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--gift-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:gift-16"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:gift-16"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/gift-16.svg" alt="Icône Gift 16" width="24" height="24">Icônes similaires dans Qlementine Icons
L'icône Gift 16 dans d'autres collections
FAQ : Icône Gift 16
L'icône Gift 16 est-elle gratuite pour un usage commercial ?
Oui. Les Qlementine Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Gift 16 dans React ?
Installez @iconify/react et affichez <Icon icon="qlementine-icons:gift-16" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Gift 16 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/qlementine-icons/gift-16.svg" alt="Icône Gift 16">, ou collez le code SVG directement dans la page pour le styliser en CSS.