balloon icon
balloon-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- balloon-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
balloonBootstrap IconsballoonBoxIcons v2 SolidballoonEmoji One (Colored)balloon-12-filledFluent UI System IconsballoonFluent EmojiballoonFluent Emoji FlatballoonFluent Emoji High ContrastballoonFirefox OS EmojiballoonHuge IconsballoonIonIconsballoonLucideballoonMaterial Design IconsballoonNoto EmojiballoonOpenMojiballoonPhosphorballoonPixelarticonsballoonStreamline EmojisballoonTabler IconsballoonTwitter Emoji
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-boldcircle-dashed-bold
Use the balloon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M11.9395 17.5C16.0815 17.5334 19.5332 13.7025 19.4998 9.56052C19.4663 5.41852 16.0815 2.03367 11.9395 2.00025C7.79748 1.96683 4.46683 5.29748 4.50025 9.43948C4.53367 13.5815 7.79748 17.4666 11.9395 17.5Z"/><path d="M15.5 9C15.4867 7.35641 14.1436 6.01326 12.5 6" opacity=".5"/><path d="M12 19.8504C12.3212 19.8504 12.4818 19.8504 12.5933 19.8284C13.2466 19.7 13.6441 19.0559 13.4511 18.4386C13.4181 18.3332 13.342 18.1964 13.1896 17.9229M12 19.8504C11.6788 19.8504 11.5182 19.8504 11.4067 19.8284C10.7534 19.7 10.3559 19.0559 10.5489 18.4386C10.5819 18.3332 10.658 18.1964 10.8104 17.9229M12 19.8504V22.0002" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBalloonLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M11.9395 17.5C16.0815 17.5334 19.5332 13.7025 19.4998 9.56052C19.4663 5.41852 16.0815 2.03367 11.9395 2.00025C7.79748 1.96683 4.46683 5.29748 4.50025 9.43948C4.53367 13.5815 7.79748 17.4666 11.9395 17.5Z"/><path d="M15.5 9C15.4867 7.35641 14.1436 6.01326 12.5 6" opacity=".5"/><path d="M12 19.8504C12.3212 19.8504 12.4818 19.8504 12.5933 19.8284C13.2466 19.7 13.6441 19.0559 13.4511 18.4386C13.4181 18.3332 13.342 18.1964 13.1896 17.9229M12 19.8504C11.6788 19.8504 11.5182 19.8504 11.4067 19.8284C10.7534 19.7 10.3559 19.0559 10.5489 18.4386C10.5819 18.3332 10.658 18.1964 10.8104 17.9229M12 19.8504V22.0002" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M11.9395 17.5C16.0815 17.5334 19.5332 13.7025 19.4998 9.56052C19.4663 5.41852 16.0815 2.03367 11.9395 2.00025C7.79748 1.96683 4.46683 5.29748 4.50025 9.43948C4.53367 13.5815 7.79748 17.4666 11.9395 17.5Z"/><path d="M15.5 9C15.4867 7.35641 14.1436 6.01326 12.5 6" opacity=".5"/><path d="M12 19.8504C12.3212 19.8504 12.4818 19.8504 12.5933 19.8284C13.2466 19.7 13.6441 19.0559 13.4511 18.4386C13.4181 18.3332 13.342 18.1964 13.1896 17.9229M12 19.8504C11.6788 19.8504 11.5182 19.8504 11.4067 19.8284C10.7534 19.7 10.3559 19.0559 10.5489 18.4386C10.5819 18.3332 10.658 18.1964 10.8104 17.9229M12 19.8504V22.0002" opacity=".5"/></g></svg> </template>
CSS
.icon-balloon-line-duotone {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11.9395%2017.5C16.0815%2017.5334%2019.5332%2013.7025%2019.4998%209.56052C19.4663%205.41852%2016.0815%202.03367%2011.9395%202.00025C7.79748%201.96683%204.46683%205.29748%204.50025%209.43948C4.53367%2013.5815%207.79748%2017.4666%2011.9395%2017.5Z%22%2F%3E%3Cpath%20d%3D%22M15.5%209C15.4867%207.35641%2014.1436%206.01326%2012.5%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12%2019.8504C12.3212%2019.8504%2012.4818%2019.8504%2012.5933%2019.8284C13.2466%2019.7%2013.6441%2019.0559%2013.4511%2018.4386C13.4181%2018.3332%2013.342%2018.1964%2013.1896%2017.9229M12%2019.8504C11.6788%2019.8504%2011.5182%2019.8504%2011.4067%2019.8284C10.7534%2019.7%2010.3559%2019.0559%2010.5489%2018.4386C10.5819%2018.3332%2010.658%2018.1964%2010.8104%2017.9229M12%2019.8504V22.0002%22%20opacity%3D%22.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M11.9395%2017.5C16.0815%2017.5334%2019.5332%2013.7025%2019.4998%209.56052C19.4663%205.41852%2016.0815%202.03367%2011.9395%202.00025C7.79748%201.96683%204.46683%205.29748%204.50025%209.43948C4.53367%2013.5815%207.79748%2017.4666%2011.9395%2017.5Z%22%2F%3E%3Cpath%20d%3D%22M15.5%209C15.4867%207.35641%2014.1436%206.01326%2012.5%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12%2019.8504C12.3212%2019.8504%2012.4818%2019.8504%2012.5933%2019.8284C13.2466%2019.7%2013.6441%2019.0559%2013.4511%2018.4386C13.4181%2018.3332%2013.342%2018.1964%2013.1896%2017.9229M12%2019.8504C11.6788%2019.8504%2011.5182%2019.8504%2011.4067%2019.8284C10.7534%2019.7%2010.3559%2019.0559%2010.5489%2018.4386C10.5819%2018.3332%2010.658%2018.1964%2010.8104%2017.9229M12%2019.8504V22.0002%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/balloon-line-duotone.svg?color=%231a73e8&size=48
