Icône Confetti Ball
pinhead:confetti-ball
L'icône Confetti Ball (pinhead:confetti-ball) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, 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
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
- Mots-clés
- confettiball
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M3.58 0a3.47 3.47 0 0 0-1.74.47A3.47 3.47 0 0 0 .57 5.2l3.01-1.73l3-1.73a3.47 3.47 0 0 0-3-1.74m7.94 0a3.47 3.47 0 0 0-3 1.73l3.01 1.74l3 1.74A3.47 3.47 0 0 0 13.26.47A3.47 3.47 0 0 0 11.52 0M7.55 3.96a.5.5 0 0 0-.5.51a.5.5 0 0 0 .51.49a.5.5 0 0 0 .49-.49a.5.5 0 0 0-.5-.51m2.67.01c-.27 0-.63.16-.79.39c-.19.26-.39.6-.39.85c0 .47.7.77.7 1.25c0 .46-.7.76-.7 1.23c0 .26.2.6.39.85c.15.23.52.4.79.39c.28 0 .36-.17.2-.38c-.19-.27-.39-.6-.39-.86c0-.47.7-.77.7-1.23c0-.47-.7-.78-.69-1.25c-.02-.25.19-.59.38-.85c.16-.23.08-.39-.2-.39m-6.94 1c-.28 0-.65.17-.81.38c-.17.26-.37.6-.37.85c0 .48.69.77.68 1.24c0 .48-.68.76-.68 1.25c0 .25.2.6.37.86c.16.21.53.37.81.38c.28 0 .35-.17.19-.38c-.18-.26-.39-.61-.39-.86c0-.48.7-.76.7-1.25c0-.47-.7-.76-.7-1.23c0-.26.21-.6.39-.86c.16-.21.09-.38-.19-.38m2.28.99a.5.5 0 0 0-.49.5a.5.5 0 0 0 .49.49a.5.5 0 0 0 .51-.49a.5.5 0 0 0-.51-.5m7.95 0a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.49a.5.5 0 0 0 .49-.49a.5.5 0 0 0-.49-.5M7.56 7.95a.5.5 0 0 0-.51.49a.5.5 0 0 0 .5.49a.5.5 0 0 0 .5-.5a.5.5 0 0 0-.49-.48m-2 .98c-.27.01-.34.17-.19.4c.2.26.39.58.39.85c0 .47-.68.77-.69 1.23c0 .48.69.78.69 1.24c0 .26-.2.6-.39.86c-.15.23-.08.4.19.39c.28 0 .66-.16.81-.39c.19-.26.39-.6.39-.86c.01-.46-.7-.76-.69-1.24c-.01-.46.69-.76.7-1.23c-.02-.26-.21-.59-.4-.85c-.16-.23-.53-.4-.81-.4m6.96.99a.5.5 0 0 0-.5.5a.5.5 0 0 0 .5.51a.5.5 0 0 0 .49-.51a.5.5 0 0 0-.49-.5m-8.94 1.01a.5.5 0 0 0-.49.48a.5.5 0 0 0 .49.5a.5.5 0 0 0 .49-.49a.5.5 0 0 0-.49-.49m5.96.98a.5.5 0 0 0-.5.51a.5.5 0 0 0 .5.48a.5.5 0 0 0 .49-.48a.5.5 0 0 0-.49-.51"/></svg>
Comment utiliser l'icône Confetti Ball
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:confetti-ball" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:confetti-ball" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:confetti-ball" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--confetti-ball]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:confetti-ball"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:confetti-ball"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/confetti-ball.svg" alt="Icône Confetti Ball" width="24" height="24">
L'icône Confetti Ball dans d'autres collections
FAQ : Icône Confetti Ball
L'icône Confetti Ball est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Confetti Ball dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:confetti-ball" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Confetti Ball à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/confetti-ball.svg" alt="Icône Confetti Ball">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Pinhead Map Icons →
ICONYZ
