balloon emoji
balloon from Emoji One (Colored) by Emoji One · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- balloon
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Activities
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
balloonBootstrap IconsballoonBoxIcons v2 Solidballoon-12-filledFluent UI System IconsballoonFluent EmojiballoonFluent Emoji FlatballoonFluent Emoji High ContrastballoonFirefox OS EmojiballoonHuge IconsballoonIonIconsballoonLucideballoonMaterial Design IconsballoonNoto EmojiballoonOpenMojiballoonPhosphorballoonPixelarticonsballoon-boldSolarballoonStreamline EmojisballoonTabler IconsballoonTwitter Emoji
More activities icons from Emoji One (Colored)
Use the balloon emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M52 22.5c0 11.3-8.8 24.4-19.8 24.4c-10.9 0-19.8-13-19.8-24.4C12.5 11.2 21.3 2 32.2 2C43.2 2 52 11.2 52 22.5"/><path fill="#94989b" d="M31.5 49.1V49zm.1.1c-.1 0-.1-.1 0 0"/><path fill="#b2c1c0" d="M33 49.2h-1.5c0 1.8-.4 3.9-1.9 5.2c-2.1 1.8-4.9.7-7.4.6c-3-.1-5.6 1.2-7.7 3.2c-.8.7-1.6 1.7-2.3 2.5c-.8.9.3 1.9 1.1 1c1.5-1.8 2.6-3.1 4.6-4.3c2.6-1.5 5-.7 7.8-.6c3.2.2 6.1-1.4 7-4.7c.2-.7.3-2 .3-2.9"/><path fill="#94989b" d="M31.5 49c0-.1 0 0 0 0"/><path fill="#b2c1c0" d="M30.8 48h2.9c.9 0 .9-1.3 0-1.3h-2.9c-.9.1-.9 1.3 0 1.3"/><path fill="#ed4c5c" d="M30.1 50h4.3c1.4 0 1.4-1.9 0-1.9h-4.3c-1.4-.1-1.4 1.9 0 1.9"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneBalloon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M52 22.5c0 11.3-8.8 24.4-19.8 24.4c-10.9 0-19.8-13-19.8-24.4C12.5 11.2 21.3 2 32.2 2C43.2 2 52 11.2 52 22.5"/><path fill="#94989b" d="M31.5 49.1V49zm.1.1c-.1 0-.1-.1 0 0"/><path fill="#b2c1c0" d="M33 49.2h-1.5c0 1.8-.4 3.9-1.9 5.2c-2.1 1.8-4.9.7-7.4.6c-3-.1-5.6 1.2-7.7 3.2c-.8.7-1.6 1.7-2.3 2.5c-.8.9.3 1.9 1.1 1c1.5-1.8 2.6-3.1 4.6-4.3c2.6-1.5 5-.7 7.8-.6c3.2.2 6.1-1.4 7-4.7c.2-.7.3-2 .3-2.9"/><path fill="#94989b" d="M31.5 49c0-.1 0 0 0 0"/><path fill="#b2c1c0" d="M30.8 48h2.9c.9 0 .9-1.3 0-1.3h-2.9c-.9.1-.9 1.3 0 1.3"/><path fill="#ed4c5c" d="M30.1 50h4.3c1.4 0 1.4-1.9 0-1.9h-4.3c-1.4-.1-1.4 1.9 0 1.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M52 22.5c0 11.3-8.8 24.4-19.8 24.4c-10.9 0-19.8-13-19.8-24.4C12.5 11.2 21.3 2 32.2 2C43.2 2 52 11.2 52 22.5"/><path fill="#94989b" d="M31.5 49.1V49zm.1.1c-.1 0-.1-.1 0 0"/><path fill="#b2c1c0" d="M33 49.2h-1.5c0 1.8-.4 3.9-1.9 5.2c-2.1 1.8-4.9.7-7.4.6c-3-.1-5.6 1.2-7.7 3.2c-.8.7-1.6 1.7-2.3 2.5c-.8.9.3 1.9 1.1 1c1.5-1.8 2.6-3.1 4.6-4.3c2.6-1.5 5-.7 7.8-.6c3.2.2 6.1-1.4 7-4.7c.2-.7.3-2 .3-2.9"/><path fill="#94989b" d="M31.5 49c0-.1 0 0 0 0"/><path fill="#b2c1c0" d="M30.8 48h2.9c.9 0 .9-1.3 0-1.3h-2.9c-.9.1-.9 1.3 0 1.3"/><path fill="#ed4c5c" d="M30.1 50h4.3c1.4 0 1.4-1.9 0-1.9h-4.3c-1.4-.1-1.4 1.9 0 1.9"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M52%2022.5c0%2011.3-8.8%2024.4-19.8%2024.4c-10.9%200-19.8-13-19.8-24.4C12.5%2011.2%2021.3%202%2032.2%202C43.2%202%2052%2011.2%2052%2022.5%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M31.5%2049.1V49zm.1.1c-.1%200-.1-.1%200%200%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M33%2049.2h-1.5c0%201.8-.4%203.9-1.9%205.2c-2.1%201.8-4.9.7-7.4.6c-3-.1-5.6%201.2-7.7%203.2c-.8.7-1.6%201.7-2.3%202.5c-.8.9.3%201.9%201.1%201c1.5-1.8%202.6-3.1%204.6-4.3c2.6-1.5%205-.7%207.8-.6c3.2.2%206.1-1.4%207-4.7c.2-.7.3-2%20.3-2.9%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M31.5%2049c0-.1%200%200%200%200%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M30.8%2048h2.9c.9%200%20.9-1.3%200-1.3h-2.9c-.9.1-.9%201.3%200%201.3%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M30.1%2050h4.3c1.4%200%201.4-1.9%200-1.9h-4.3c-1.4-.1-1.4%201.9%200%201.9%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M52%2022.5c0%2011.3-8.8%2024.4-19.8%2024.4c-10.9%200-19.8-13-19.8-24.4C12.5%2011.2%2021.3%202%2032.2%202C43.2%202%2052%2011.2%2052%2022.5%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M31.5%2049.1V49zm.1.1c-.1%200-.1-.1%200%200%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M33%2049.2h-1.5c0%201.8-.4%203.9-1.9%205.2c-2.1%201.8-4.9.7-7.4.6c-3-.1-5.6%201.2-7.7%203.2c-.8.7-1.6%201.7-2.3%202.5c-.8.9.3%201.9%201.1%201c1.5-1.8%202.6-3.1%204.6-4.3c2.6-1.5%205-.7%207.8-.6c3.2.2%206.1-1.4%207-4.7c.2-.7.3-2%20.3-2.9%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M31.5%2049c0-.1%200%200%200%200%22%2F%3E%3Cpath%20fill%3D%22%23b2c1c0%22%20d%3D%22M30.8%2048h2.9c.9%200%20.9-1.3%200-1.3h-2.9c-.9.1-.9%201.3%200%201.3%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M30.1%2050h4.3c1.4%200%201.4-1.9%200-1.9h-4.3c-1.4-.1-1.4%201.9%200%201.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/balloon.svg?color=%231a73e8&size=48
