Home/Libraries/Freehand free icons (Iconify)/party-balloon

Freehand free icons (Iconify)

PartyBalloon

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M21.226 6.848a5.4 5.4 0 0 0-.884-1.798a5.2 5.2 0 0 0-4.21-2.01a.3.3 0 0 0-.302.291a.28.28 0 0 0 .281.302a4.46 4.46 0 0 1 3.417 2.01c.289.455.503.954.633 1.477a5.4 5.4 0 0 1 0 2.412a5.2 5.2 0 0 1-1.005 2.24a23 23 0 0 1-3.015 2.884c-.623-.311-1.226-.603-1.808-.924q-.74-.39-1.427-.864a.3.3 0 0 0-.36-.06a.3.3 0 0 0-.002.532q.676.542 1.407 1.005l1.668 1.055a6.7 6.7 0 0 0-.744 1.588a1.92 1.92 0 0 0 .11 1.547a.56.56 0 0 0 .574.211l.472-.13c.21-.06 2.351-.774 2.673-.915c.209-.088.4-.214.563-.372a.643.643 0 0 0-.1-.854a8 8 0 0 0-.594-.462a8 8 0 0 0-1.005-.623l-.763-.402a24 24 0 0 0 3.014-2.633a6.1 6.1 0 0 0 1.397-2.612a6.1 6.1 0 0 0 .01-2.895m-3.467 10.05l-.482.19l-1.537.623h-.07a2.2 2.2 0 0 1 .13-.834q.18-.517.432-1.005z"/><path d="M16.413 20.123q-.12.422-.272.844c-.1.271-.2.543-.321.814a8 8 0 0 1-.784 1.407a8.4 8.4 0 0 0-1.286-2.16c-.523-.624-1.075-1.186-1.638-1.75a9.1 9.1 0 0 1-1.88-2.37h1.398a.46.46 0 0 0 .432-.513a2.8 2.8 0 0 0-.422-.694c-.412-.542-1.086-1.286-1.478-1.728l.362-.352a36 36 0 0 0 2.914-2.924a8 8 0 0 0 1.397-2.542a5.94 5.94 0 0 0-1.206-5.899A6.76 6.76 0 0 0 8.002.026a5.79 5.79 0 0 0-4.753 2.893a5.93 5.93 0 0 0 .07 5.507a10.6 10.6 0 0 0 2.673 3.366a16 16 0 0 0 3.015 2.01q-.425.48-.794 1.005a10 10 0 0 0-1.005 1.397a.493.493 0 0 0 .261.703c.231.071.472.105.714.1q.688-.033 1.366-.14a8 8 0 0 0 1.689 3.015c.331.362.673.693 1.004 1.005a10 10 0 0 1 2.221 2.582a.37.37 0 0 0 .181.17a.29.29 0 0 0 .09.262a.33.33 0 0 0 .473 0a7 7 0 0 0 1.547-1.758q.271-.44.453-.925q.173-.491.26-1.005a7.4 7.4 0 0 0 0-1.698c-.05-.311-.773-.19-.793.402a7 7 0 0 1-.261 1.206M6.364 11.26a10 10 0 0 1-2.301-3.196a5.13 5.13 0 0 1 0-4.692a4.8 4.8 0 0 1 4.02-2.241a5.65 5.65 0 0 1 4.702 1.909a4.88 4.88 0 0 1 1.005 4.803a6.8 6.8 0 0 1-1.206 2.201a31 31 0 0 1-2.763 2.894a9 9 0 0 0-.442.472a15 15 0 0 1-2.965-2.14zm3.065 4.914c-.302 0-.704.1-1.085.11c.22-.321.422-.773.492-.874q.35-.526.764-1.005c.321.382.794.935 1.165 1.407l.12.15a7 7 0 0 0-.733.141z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PartyBalloonIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.