balloon icon
balloon from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- balloon
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
balloonBootstrap IconsballoonBoxIcons v2 SolidballoonEmoji One (Colored)balloon-12-filledFluent UI System IconsballoonFluent EmojiballoonFluent Emoji FlatballoonFluent Emoji High ContrastballoonHuge IconsballoonLucideballoonMaterial Design IconsballoonNoto EmojiballoonOpenMojiballoonPhosphorballoonPixelarticonsballoon-boldSolarballoonStreamline EmojisballoonTabler IconsballoonTwitter Emoji
Use the balloon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M391 307.27c32.75-46.35 46.59-101.63 39-155.68A175.82 175.82 0 0 0 231.38 2c-96 13.49-163.14 102.58-149.65 198.58c7.57 53.89 36.12 103.16 80.37 138.74c24.58 19.68 52.31 33.5 78.62 39.68a8 8 0 0 1 6 9.22l-4.87 26.38a16.3 16.3 0 0 0 1.48 10.57a16 16 0 0 0 14.2 8.61a15 15 0 0 0 2.23-.16l17.81-2.5a2 2 0 0 1 2.09 1.14c16.72 36.31 45.46 63.85 82.15 78.36a16 16 0 0 0 21-9.65c2.83-8.18-1.64-17.07-9.68-20.28a118.57 118.57 0 0 1-59.3-51.88a2 2 0 0 1 1.45-3l7.4-1a16.54 16.54 0 0 0 10.08-5.23a16 16 0 0 0 2.39-17.8l-12.06-24.23a8 8 0 0 1 3.26-10.55c23.59-13.17 46.45-34 64.65-59.73m-154.9 16.78a16 16 0 0 1-5.88-1.12c-41.26-16.32-76.3-52.7-91.45-94.94a16 16 0 1 1 30.12-10.8c14.5 40.44 47.27 65.77 73.1 76a16 16 0 0 1-5.89 30.88Z"/></svg>
React
import type { SVGProps } from "react";
export function IonBalloon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M391 307.27c32.75-46.35 46.59-101.63 39-155.68A175.82 175.82 0 0 0 231.38 2c-96 13.49-163.14 102.58-149.65 198.58c7.57 53.89 36.12 103.16 80.37 138.74c24.58 19.68 52.31 33.5 78.62 39.68a8 8 0 0 1 6 9.22l-4.87 26.38a16.3 16.3 0 0 0 1.48 10.57a16 16 0 0 0 14.2 8.61a15 15 0 0 0 2.23-.16l17.81-2.5a2 2 0 0 1 2.09 1.14c16.72 36.31 45.46 63.85 82.15 78.36a16 16 0 0 0 21-9.65c2.83-8.18-1.64-17.07-9.68-20.28a118.57 118.57 0 0 1-59.3-51.88a2 2 0 0 1 1.45-3l7.4-1a16.54 16.54 0 0 0 10.08-5.23a16 16 0 0 0 2.39-17.8l-12.06-24.23a8 8 0 0 1 3.26-10.55c23.59-13.17 46.45-34 64.65-59.73m-154.9 16.78a16 16 0 0 1-5.88-1.12c-41.26-16.32-76.3-52.7-91.45-94.94a16 16 0 1 1 30.12-10.8c14.5 40.44 47.27 65.77 73.1 76a16 16 0 0 1-5.89 30.88Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M391 307.27c32.75-46.35 46.59-101.63 39-155.68A175.82 175.82 0 0 0 231.38 2c-96 13.49-163.14 102.58-149.65 198.58c7.57 53.89 36.12 103.16 80.37 138.74c24.58 19.68 52.31 33.5 78.62 39.68a8 8 0 0 1 6 9.22l-4.87 26.38a16.3 16.3 0 0 0 1.48 10.57a16 16 0 0 0 14.2 8.61a15 15 0 0 0 2.23-.16l17.81-2.5a2 2 0 0 1 2.09 1.14c16.72 36.31 45.46 63.85 82.15 78.36a16 16 0 0 0 21-9.65c2.83-8.18-1.64-17.07-9.68-20.28a118.57 118.57 0 0 1-59.3-51.88a2 2 0 0 1 1.45-3l7.4-1a16.54 16.54 0 0 0 10.08-5.23a16 16 0 0 0 2.39-17.8l-12.06-24.23a8 8 0 0 1 3.26-10.55c23.59-13.17 46.45-34 64.65-59.73m-154.9 16.78a16 16 0 0 1-5.88-1.12c-41.26-16.32-76.3-52.7-91.45-94.94a16 16 0 1 1 30.12-10.8c14.5 40.44 47.27 65.77 73.1 76a16 16 0 0 1-5.89 30.88Z"/></svg> </template>
CSS
.icon-balloon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M391%20307.27c32.75-46.35%2046.59-101.63%2039-155.68A175.82%20175.82%200%200%200%20231.38%202c-96%2013.49-163.14%20102.58-149.65%20198.58c7.57%2053.89%2036.12%20103.16%2080.37%20138.74c24.58%2019.68%2052.31%2033.5%2078.62%2039.68a8%208%200%200%201%206%209.22l-4.87%2026.38a16.3%2016.3%200%200%200%201.48%2010.57a16%2016%200%200%200%2014.2%208.61a15%2015%200%200%200%202.23-.16l17.81-2.5a2%202%200%200%201%202.09%201.14c16.72%2036.31%2045.46%2063.85%2082.15%2078.36a16%2016%200%200%200%2021-9.65c2.83-8.18-1.64-17.07-9.68-20.28a118.57%20118.57%200%200%201-59.3-51.88a2%202%200%200%201%201.45-3l7.4-1a16.54%2016.54%200%200%200%2010.08-5.23a16%2016%200%200%200%202.39-17.8l-12.06-24.23a8%208%200%200%201%203.26-10.55c23.59-13.17%2046.45-34%2064.65-59.73m-154.9%2016.78a16%2016%200%200%201-5.88-1.12c-41.26-16.32-76.3-52.7-91.45-94.94a16%2016%200%201%201%2030.12-10.8c14.5%2040.44%2047.27%2065.77%2073.1%2076a16%2016%200%200%201-5.89%2030.88Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M391%20307.27c32.75-46.35%2046.59-101.63%2039-155.68A175.82%20175.82%200%200%200%20231.38%202c-96%2013.49-163.14%20102.58-149.65%20198.58c7.57%2053.89%2036.12%20103.16%2080.37%20138.74c24.58%2019.68%2052.31%2033.5%2078.62%2039.68a8%208%200%200%201%206%209.22l-4.87%2026.38a16.3%2016.3%200%200%200%201.48%2010.57a16%2016%200%200%200%2014.2%208.61a15%2015%200%200%200%202.23-.16l17.81-2.5a2%202%200%200%201%202.09%201.14c16.72%2036.31%2045.46%2063.85%2082.15%2078.36a16%2016%200%200%200%2021-9.65c2.83-8.18-1.64-17.07-9.68-20.28a118.57%20118.57%200%200%201-59.3-51.88a2%202%200%200%201%201.45-3l7.4-1a16.54%2016.54%200%200%200%2010.08-5.23a16%2016%200%200%200%202.39-17.8l-12.06-24.23a8%208%200%200%201%203.26-10.55c23.59-13.17%2046.45-34%2064.65-59.73m-154.9%2016.78a16%2016%200%200%201-5.88-1.12c-41.26-16.32-76.3-52.7-91.45-94.94a16%2016%200%201%201%2030.12-10.8c14.5%2040.44%2047.27%2065.77%2073.1%2076a16%2016%200%200%201-5.89%2030.88Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/balloon.svg?color=%231a73e8&size=48
