Confetti Ball icon

emojione-monotone:confetti-ball

The Confetti Ball icon (emojione-monotone:confetti-ball) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Emoji One (Monotone)
Author: Emoji One
License: CC-BY-4.0
Size: 64 × 64
Category: Activities
Tags: confettiball

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M41.663 45.487c1.357-3.265.137-5.288-.756-6.764c-.854-1.416-1.471-2.436-.713-5.023c1.834-6.238-1.941-12.814-2.104-13.091l-3.119 2.048c.029.055 3.037 5.396 1.721 9.885c-1.27 4.319.113 6.61 1.123 8.282c.766 1.265 1.051 1.737.488 3.089c-1.961 4.709-.531 7.103.512 8.85c.91 1.523 1.512 2.531.215 5.674L42.392 60c2.082-5.042.604-7.516-.477-9.321c-.885-1.488-1.422-2.385-.252-5.192m-13.307-4.862c.969-1.7 2.295-4.028.92-8.31c-1.437-4.473 1.426-9.839 1.475-9.93l.002-.004l-1.333-.82l-1.841-1.139c-.156.283-3.766 6.963-1.777 13.148c.824 2.563.232 3.604-.586 5.039c-.855 1.502-2.027 3.559-.586 6.785c1.238 2.771.725 3.684-.127 5.194c-1.033 1.836-2.447 4.351-.242 9.333l3.322-1.656c-1.379-3.107-.801-4.131.072-5.679c.998-1.776 2.369-4.208.291-8.86c-.595-1.334-.324-1.815.41-3.101"/><path fill="currentColor" d="M55.424 43.55c.557-3.488-1.107-5.172-2.322-6.4c-1.162-1.176-2.002-2.026-1.871-4.717c.068-1.393-.128-2.735-.465-3.996a30 30 0 0 0 7.479 1.709C60.58 27.372 62 23.712 62 19.698C62 11.028 55.375 4 47.206 4c-3.396 0-6.52 1.221-9.016 3.262a12.26 12.26 0 0 0-6.166-1.653c-2.206 0-4.319.578-6.195 1.668C23.33 5.227 20.2 4 16.794 4C8.627 4 2 11.028 2 19.698c0 4.014 1.42 7.674 3.756 10.447a30 30 0 0 0 8.93-2.289c-.439 1.422-.702 2.969-.623 4.576c.133 2.69-.709 3.541-1.871 4.717c-1.215 1.229-2.879 2.912-2.322 6.4c.48 3-.252 3.747-1.465 4.986c-1.475 1.506-3.49 3.568-2.652 8.951l3.639-.739c-.525-3.358.297-4.198 1.541-5.468c1.424-1.457 3.377-3.451 2.574-8.482c-.23-1.443.156-1.837 1.197-2.889c1.377-1.393 3.259-3.298 3.04-7.791c-.145-2.921 1.414-5.744 2.626-7.479c4.296-3.126 7.636-7.364 9.515-12.266a15.7 15.7 0 0 0-2.34-3.458a10.14 10.14 0 0 1 4.48-1.054c1.589 0 3.095.378 4.448 1.035a15.8 15.8 0 0 0-2.356 3.477c2.189 5.71 6.362 10.516 11.723 13.712c.953 1.67 1.82 3.82 1.713 6.032c-.221 4.493 1.662 6.398 3.038 7.791c1.041 1.052 1.428 1.445 1.199 2.889c-.805 5.031 1.15 7.025 2.572 8.482c1.244 1.27 2.066 2.109 1.541 5.468l3.639.739c.84-5.383-1.178-7.445-2.65-8.951c-1.216-1.237-1.947-1.984-1.468-4.984M5.515 26.164A14.4 14.4 0 0 1 4 19.698C4 12.145 9.74 6 16.794 6c3.825 0 7.384 1.815 9.788 4.873C14.558 13.34 8.219 21.521 5.515 26.164m31.903-15.29C39.822 7.815 43.381 6 47.206 6C54.26 6 60 12.145 60 19.698c0 2.278-.526 4.494-1.515 6.466c-2.704-4.642-9.043-12.824-21.067-15.29"/><path fill="currentColor" d="m21.367 32.356l2.828 2.83l-2.83 2.828l-2.829-2.83zm28.098 26.44l-2.828-2.828l2.827-2.828l2.829 2.829zM18.771 47.853l-2.827-2.83l2.83-2.828l2.827 2.83zm16.704-19.077l-2.828 2.829l-2.828-2.829l2.828-2.828zm-19.532 30.02l-2.829-2.828l2.828-2.828l2.828 2.829zM47.06 42.715l2.827 2.83l-2.83 2.828l-2.827-2.83zM32.647 58.361l-2.829-2.828l2.829-2.829l2.828 2.829zM44.233 32.77l2.828 2.828l-2.829 2.828l-2.828-2.829zM33.354 45.908l-2.828-2.829l2.828-2.828l2.828 2.828z"/></svg>

How to use the Confetti Ball icon

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:confetti-ball" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:confetti-ball" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:confetti-ball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--confetti-ball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:confetti-ball"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:confetti-ball"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-monotone/confetti-ball.svg" alt="Confetti Ball icon" width="24" height="24">

Confetti Ball icon in other icon sets

Confetti Ball icon FAQ

Is the Confetti Ball icon free for commercial use?

Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Confetti Ball icon in React?

Install @iconify/react and render <Icon icon="emojione-monotone:confetti-ball" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Confetti Ball icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/confetti-ball.svg" alt="Confetti Ball icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (Monotone) icons →