balloon 2 icon
balloon-2-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- balloon-2-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the balloon 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.278 5.181a1 1 0 1 0-.556 1.921l.278-.96zm1.54 4.119a1 1 0 1 0 1.908-.6l-.954.3zM11 21l-.894-.447A1 1 0 0 0 11 22zm2 0v1a1 1 0 0 0 .894-1.447zm0-14.858l-.278.96c.931.27 1.744 1.075 2.096 2.198l.954-.3l.954-.3c-.527-1.68-1.794-3.04-3.448-3.519zM12 19l-.894-.447l-1 2L11 21l.894.447l1-2zm-1 2v1h2v-2h-2zm2 0l.894-.447l-1-2L12 19l-.894.447l1 2zm6-10.941h-1c0 2.201-.893 4.213-2.137 5.676C14.593 17.23 13.096 18 12 18v2c1.904 0 3.908-1.23 5.387-2.97C18.893 15.258 20 12.799 20 10.059zM12 19v-1c-1.096 0-2.592-.77-3.863-2.265C6.893 14.272 6 12.26 6 10.059H4c0 2.74 1.107 5.199 2.613 6.971C8.093 18.77 10.096 20 12 20zm-7-8.941h1C6 6.74 8.698 4 12 4V2c-4.43 0-8 3.66-8 8.059zM12 3v1c3.302 0 6 2.74 6 6.059h2C20 5.659 16.43 2 12 2z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteBalloon2Line(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.278 5.181a1 1 0 1 0-.556 1.921l.278-.96zm1.54 4.119a1 1 0 1 0 1.908-.6l-.954.3zM11 21l-.894-.447A1 1 0 0 0 11 22zm2 0v1a1 1 0 0 0 .894-1.447zm0-14.858l-.278.96c.931.27 1.744 1.075 2.096 2.198l.954-.3l.954-.3c-.527-1.68-1.794-3.04-3.448-3.519zM12 19l-.894-.447l-1 2L11 21l.894.447l1-2zm-1 2v1h2v-2h-2zm2 0l.894-.447l-1-2L12 19l-.894.447l1 2zm6-10.941h-1c0 2.201-.893 4.213-2.137 5.676C14.593 17.23 13.096 18 12 18v2c1.904 0 3.908-1.23 5.387-2.97C18.893 15.258 20 12.799 20 10.059zM12 19v-1c-1.096 0-2.592-.77-3.863-2.265C6.893 14.272 6 12.26 6 10.059H4c0 2.74 1.107 5.199 2.613 6.971C8.093 18.77 10.096 20 12 20zm-7-8.941h1C6 6.74 8.698 4 12 4V2c-4.43 0-8 3.66-8 8.059zM12 3v1c3.302 0 6 2.74 6 6.059h2C20 5.659 16.43 2 12 2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.278 5.181a1 1 0 1 0-.556 1.921l.278-.96zm1.54 4.119a1 1 0 1 0 1.908-.6l-.954.3zM11 21l-.894-.447A1 1 0 0 0 11 22zm2 0v1a1 1 0 0 0 .894-1.447zm0-14.858l-.278.96c.931.27 1.744 1.075 2.096 2.198l.954-.3l.954-.3c-.527-1.68-1.794-3.04-3.448-3.519zM12 19l-.894-.447l-1 2L11 21l.894.447l1-2zm-1 2v1h2v-2h-2zm2 0l.894-.447l-1-2L12 19l-.894.447l1 2zm6-10.941h-1c0 2.201-.893 4.213-2.137 5.676C14.593 17.23 13.096 18 12 18v2c1.904 0 3.908-1.23 5.387-2.97C18.893 15.258 20 12.799 20 10.059zM12 19v-1c-1.096 0-2.592-.77-3.863-2.265C6.893 14.272 6 12.26 6 10.059H4c0 2.74 1.107 5.199 2.613 6.971C8.093 18.77 10.096 20 12 20zm-7-8.941h1C6 6.74 8.698 4 12 4V2c-4.43 0-8 3.66-8 8.059zM12 3v1c3.302 0 6 2.74 6 6.059h2C20 5.659 16.43 2 12 2z"/></svg> </template>
CSS
.icon-balloon-2-line {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.278%205.181a1%201%200%201%200-.556%201.921l.278-.96zm1.54%204.119a1%201%200%201%200%201.908-.6l-.954.3zM11%2021l-.894-.447A1%201%200%200%200%2011%2022zm2%200v1a1%201%200%200%200%20.894-1.447zm0-14.858l-.278.96c.931.27%201.744%201.075%202.096%202.198l.954-.3l.954-.3c-.527-1.68-1.794-3.04-3.448-3.519zM12%2019l-.894-.447l-1%202L11%2021l.894.447l1-2zm-1%202v1h2v-2h-2zm2%200l.894-.447l-1-2L12%2019l-.894.447l1%202zm6-10.941h-1c0%202.201-.893%204.213-2.137%205.676C14.593%2017.23%2013.096%2018%2012%2018v2c1.904%200%203.908-1.23%205.387-2.97C18.893%2015.258%2020%2012.799%2020%2010.059zM12%2019v-1c-1.096%200-2.592-.77-3.863-2.265C6.893%2014.272%206%2012.26%206%2010.059H4c0%202.74%201.107%205.199%202.613%206.971C8.093%2018.77%2010.096%2020%2012%2020zm-7-8.941h1C6%206.74%208.698%204%2012%204V2c-4.43%200-8%203.66-8%208.059zM12%203v1c3.302%200%206%202.74%206%206.059h2C20%205.659%2016.43%202%2012%202z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.278%205.181a1%201%200%201%200-.556%201.921l.278-.96zm1.54%204.119a1%201%200%201%200%201.908-.6l-.954.3zM11%2021l-.894-.447A1%201%200%200%200%2011%2022zm2%200v1a1%201%200%200%200%20.894-1.447zm0-14.858l-.278.96c.931.27%201.744%201.075%202.096%202.198l.954-.3l.954-.3c-.527-1.68-1.794-3.04-3.448-3.519zM12%2019l-.894-.447l-1%202L11%2021l.894.447l1-2zm-1%202v1h2v-2h-2zm2%200l.894-.447l-1-2L12%2019l-.894.447l1%202zm6-10.941h-1c0%202.201-.893%204.213-2.137%205.676C14.593%2017.23%2013.096%2018%2012%2018v2c1.904%200%203.908-1.23%205.387-2.97C18.893%2015.258%2020%2012.799%2020%2010.059zM12%2019v-1c-1.096%200-2.592-.77-3.863-2.265C6.893%2014.272%206%2012.26%206%2010.059H4c0%202.74%201.107%205.199%202.613%206.971C8.093%2018.77%2010.096%2020%2012%2020zm-7-8.941h1C6%206.74%208.698%204%2012%204V2c-4.43%200-8%203.66-8%208.059zM12%203v1c3.302%200%206%202.74%206%206.059h2C20%205.659%2016.43%202%2012%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/balloon-2-line.svg?color=%231a73e8&size=48
