Balloons icon
fluent-mdl2:balloons
The Balloons icon (fluent-mdl2:balloons) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- balloon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1728 768q-26 0-45-19t-19-45q0-40-15-75t-41-61t-61-41t-75-15q-26 0-45-19t-19-45t19-45t45-19q66 0 124 25t102 68t69 102t25 125q0 26-19 45t-45 19M576 256q66 0 124 25t102 68t69 102t25 125q0 26-19 45t-45 19t-45-19t-19-45q0-40-15-75t-41-61t-61-41t-75-15q-26 0-45-19t-19-45t19-45t45-19m960 1257q0 20-1 46t2 49t19 39t44 17q66 0 124 25t102 68t69 102t25 125q0 26-19 45t-45 19t-45-19t-19-45q0-40-15-75t-41-61t-61-41t-75-15t-75-15t-61-41t-41-61t-15-75v-87q-139-66-247-173t-174-246q-66 94-154 168t-193 123v87q0 40 15 75t41 61t61 41t75 15h100q47 0 90 6t83 28t81 60q46 46 70 103t24 123q0 26-19 45t-45 19t-45-19t-19-45q0-40-15-75t-41-61t-61-41t-75-15H832q-66 0-124-25t-102-68t-69-102t-25-125v-87q-117-55-212-140t-161-190T36 828T0 576q0-119 45-224t124-183T352 46T576 0q77 0 150 20t138 57t119 91t92 121q80-78 182-119t215-42q119 0 224 45t183 124t123 183t46 224q0 130-36 251t-102 227t-162 191t-212 140m-960-239q103-47 185-119t141-164t90-196t32-219q0-93-35-174t-96-142t-142-96t-175-36q-93 0-174 35t-142 96t-96 142t-36 175q0 113 31 218t90 197t141 163t186 120m492-319q25 74 65 141t91 124t114 103t134 79q103-47 185-119t141-164t90-196t32-219q0-93-35-174t-96-142t-142-96t-175-36q-100 0-189 42t-153 120q11 38 16 78t6 80q0 99-21 194t-63 185"/></svg>How to use the Balloons icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:balloons" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:balloons" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:balloons" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--balloons]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:balloons"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:balloons"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/balloons.svg" alt="Balloons icon" width="24" height="24">Balloons icon in other icon sets
Balloons icon FAQ
Is the Balloons icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Balloons icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:balloons" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Balloons icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/balloons.svg" alt="Balloons icon">, or paste the SVG code inline to style it with CSS.