Ícone Confetti Ball
pinhead:confetti-ball
O ícone Confetti Ball (pinhead:confetti-ball) é um ícone SVG gratuito da coleção Pinhead Map Icons de Quincy Morgan. Ele é desenhado em uma grade de 15 × 15. Pinhead Map Icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Pinhead Map Icons
- Autor
- Quincy Morgan
- Licença
- CC0-1.0
- Tamanho
- 15 × 15
- Tags
- confettiball
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/pinhead/confetti-ball.svg" alt="Ícone Confetti Ball" width="24" height="24">
O ícone Confetti Ball em outras coleções
Perguntas frequentes sobre Ícone Confetti Ball
O ícone Confetti Ball é grátis para uso comercial?
Sim. Pinhead Map Icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Confetti Ball no React?
Instale @iconify/react e renderize <Icon icon="pinhead:confetti-ball" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Confetti Ball a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/pinhead/confetti-ball.svg" alt="Ícone Confetti Ball">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Pinhead Map Icons →
ICONYZ
