Party Balloon icon
icon-park:party-balloon
The Party Balloon icon (icon-park:party-balloon) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Baby
- Tags
- partyballoon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M34 16C35 8 31.1274 4 24.1274 4C17.1274 4 13 9 14 16C15 23 21.2548 28 24.1274 28C27 28 33 24 34 16Z"/><path d="M25 28C23 28.9697 20 31.8889 20 35C20 38.1111 30 36.4444 30 39.5556C30 42.6667 19 44 19 44"/></g></svg>
How to use the Party Balloon icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:party-balloon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:party-balloon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:party-balloon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--party-balloon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:party-balloon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:party-balloon"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/party-balloon.svg" alt="Party Balloon icon" width="24" height="24">
Party Balloon icon in other icon sets
Party Balloon icon FAQ
Is the Party Balloon icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Party Balloon icon in React?
Install @iconify/react and render <Icon icon="icon-park:party-balloon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Party Balloon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/party-balloon.svg" alt="Party Balloon icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
