balloon icon
balloon from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- balloon
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All balloon icons →balloonBootstrap IconsballoonBoxIcons v2 SolidballoonEmoji One (Colored)balloon-12-filledFluent UI System IconsballoonFluent EmojiballoonFluent Emoji FlatballoonFluent Emoji High ContrastballoonFirefox OS EmojiballoonHuge IconsballoonIonIconsballoonLucideballoonMaterial Design IconsballoonNoto EmojiballoonOpenMojiballoonPhosphorballoonPixelarticonsballoon-boldSolarballoonStreamline EmojisballoonTabler IconsballoonTwitter Emoji
More ui icons from Reicon
Use the balloon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.506 5.25a.75.75 0 0 0-.012 1.5a2.285 2.285 0 0 1 2.256 2.256a.75.75 0 0 0 1.5-.012a3.785 3.785 0 0 0-3.744-3.744"/><path fill-rule="evenodd" d="M3.81 9.685c-.036-4.671 3.613-8.473 8.196-8.435c4.573.038 8.268 3.885 8.304 8.548c.03 3.908-2.625 7.634-6.245 8.67q.064.128.102.247c.332 1.062-.356 2.131-1.417 2.347V22.5a.75.75 0 0 1-1.5 0v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714 3.044-6.683 6.923c.03 3.969 3.058 7.547 6.695 7.577c3.655.03 6.835-3.511 6.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0 16q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0 0-.023.004-.096.006L12 19.6c-.165 0-.273 0-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBalloon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.506 5.25a.75.75 0 0 0-.012 1.5a2.285 2.285 0 0 1 2.256 2.256a.75.75 0 0 0 1.5-.012a3.785 3.785 0 0 0-3.744-3.744"/><path fillRule="evenodd" d="M3.81 9.685c-.036-4.671 3.613-8.473 8.196-8.435c4.573.038 8.268 3.885 8.304 8.548c.03 3.908-2.625 7.634-6.245 8.67q.064.128.102.247c.332 1.062-.356 2.131-1.417 2.347V22.5a.75.75 0 0 1-1.5 0v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714 3.044-6.683 6.923c.03 3.969 3.058 7.547 6.695 7.577c3.655.03 6.835-3.511 6.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0 16q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0 0-.023.004-.096.006L12 19.6c-.165 0-.273 0-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.506 5.25a.75.75 0 0 0-.012 1.5a2.285 2.285 0 0 1 2.256 2.256a.75.75 0 0 0 1.5-.012a3.785 3.785 0 0 0-3.744-3.744"/><path fill-rule="evenodd" d="M3.81 9.685c-.036-4.671 3.613-8.473 8.196-8.435c4.573.038 8.268 3.885 8.304 8.548c.03 3.908-2.625 7.634-6.245 8.67q.064.128.102.247c.332 1.062-.356 2.131-1.417 2.347V22.5a.75.75 0 0 1-1.5 0v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714 3.044-6.683 6.923c.03 3.969 3.058 7.547 6.695 7.577c3.655.03 6.835-3.511 6.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0 16q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0 0-.023.004-.096.006L12 19.6c-.165 0-.273 0-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022" clip-rule="evenodd"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.506%205.25a.75.75%200%200%200-.012%201.5a2.285%202.285%200%200%201%202.256%202.256a.75.75%200%200%200%201.5-.012a3.785%203.785%200%200%200-3.744-3.744%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.81%209.685c-.036-4.671%203.613-8.473%208.196-8.435c4.573.038%208.268%203.885%208.304%208.548c.03%203.908-2.625%207.634-6.245%208.67q.064.128.102.247c.332%201.062-.356%202.131-1.417%202.347V22.5a.75.75%200%200%201-1.5%200v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714%203.044-6.683%206.923c.03%203.969%203.058%207.547%206.695%207.577c3.655.03%206.835-3.511%206.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0%2016q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0%200-.023.004-.096.006L12%2019.6c-.165%200-.273%200-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.506%205.25a.75.75%200%200%200-.012%201.5a2.285%202.285%200%200%201%202.256%202.256a.75.75%200%200%200%201.5-.012a3.785%203.785%200%200%200-3.744-3.744%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.81%209.685c-.036-4.671%203.613-8.473%208.196-8.435c4.573.038%208.268%203.885%208.304%208.548c.03%203.908-2.625%207.634-6.245%208.67q.064.128.102.247c.332%201.062-.356%202.131-1.417%202.347V22.5a.75.75%200%200%201-1.5%200v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714%203.044-6.683%206.923c.03%203.969%203.058%207.547%206.695%207.577c3.655.03%206.835-3.511%206.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0%2016q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0%200-.023.004-.096.006L12%2019.6c-.165%200-.273%200-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/balloon.svg?color=%231a73e8&size=48
