airballoon icon

airballoon-outline from Material Design Icons by Pictogrammers · Outline · Transportation + Flying · Apache-2.0 Free for personal and commercial use.

Name: airballoon-outline
Set: Material Design Icons
Style: Outline
Category: Transportation + Flying
Viewbox: 24×24
License: Apache 2.0
Aliases: hot-air-balloon-outline

1 other variant in Material Design Icons

airballoon

More transportation + flying icons from Material Design Icons

Use the airballoon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 23c-1.1 0-2-.9-2-2v-2h6v2c0 1.1-.9 2-2 2zm1-20c.28 0 .55 0 .81.05C13.42 4.22 14 6.26 14 9c0 2.1-1 7-1 7h-2s-1-4.9-1-7c0-2.74.58-4.78 1.19-5.95c.26-.05.53-.05.81-.05m0-2c-.71 0-1.39.09-2.05.26C8.78 2.83 8 5.71 8 9c0 2.28.38 4.37 1 7c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2c.62-2.63 1-4.72 1-7c0-3.29-.78-6.17-1.95-7.74C13.39 1.09 12.71 1 12 1M4 8c0 3.18 1.85 7.92 4.54 9.21c-.54-1-.93-2.54-1.2-4.21C6.55 11.53 6 9.62 6 8c0-1.34.44-2.33 1.47-3.2c.26-1.13.62-2.15 1.07-3.01C5.85 3.08 4 4.82 4 8m11.46-6.21c.45.86.81 1.88 1.07 3.01C17.56 5.67 18 6.66 18 8c0 1.62-.55 3.53-1.34 5c-.27 1.67-.66 3.21-1.2 4.21C18.15 15.92 20 11.18 20 8s-1.85-4.92-4.54-6.21"/></svg>

React

import type { SVGProps } from "react";

export function MdiAirballoonOutline(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="M11 23c-1.1 0-2-.9-2-2v-2h6v2c0 1.1-.9 2-2 2zm1-20c.28 0 .55 0 .81.05C13.42 4.22 14 6.26 14 9c0 2.1-1 7-1 7h-2s-1-4.9-1-7c0-2.74.58-4.78 1.19-5.95c.26-.05.53-.05.81-.05m0-2c-.71 0-1.39.09-2.05.26C8.78 2.83 8 5.71 8 9c0 2.28.38 4.37 1 7c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2c.62-2.63 1-4.72 1-7c0-3.29-.78-6.17-1.95-7.74C13.39 1.09 12.71 1 12 1M4 8c0 3.18 1.85 7.92 4.54 9.21c-.54-1-.93-2.54-1.2-4.21C6.55 11.53 6 9.62 6 8c0-1.34.44-2.33 1.47-3.2c.26-1.13.62-2.15 1.07-3.01C5.85 3.08 4 4.82 4 8m11.46-6.21c.45.86.81 1.88 1.07 3.01C17.56 5.67 18 6.66 18 8c0 1.62-.55 3.53-1.34 5c-.27 1.67-.66 3.21-1.2 4.21C18.15 15.92 20 11.18 20 8s-1.85-4.92-4.54-6.21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 23c-1.1 0-2-.9-2-2v-2h6v2c0 1.1-.9 2-2 2zm1-20c.28 0 .55 0 .81.05C13.42 4.22 14 6.26 14 9c0 2.1-1 7-1 7h-2s-1-4.9-1-7c0-2.74.58-4.78 1.19-5.95c.26-.05.53-.05.81-.05m0-2c-.71 0-1.39.09-2.05.26C8.78 2.83 8 5.71 8 9c0 2.28.38 4.37 1 7c0 1.1.9 2 2 2h2c1.1 0 2-.9 2-2c.62-2.63 1-4.72 1-7c0-3.29-.78-6.17-1.95-7.74C13.39 1.09 12.71 1 12 1M4 8c0 3.18 1.85 7.92 4.54 9.21c-.54-1-.93-2.54-1.2-4.21C6.55 11.53 6 9.62 6 8c0-1.34.44-2.33 1.47-3.2c.26-1.13.62-2.15 1.07-3.01C5.85 3.08 4 4.82 4 8m11.46-6.21c.45.86.81 1.88 1.07 3.01C17.56 5.67 18 6.66 18 8c0 1.62-.55 3.53-1.34 5c-.27 1.67-.66 3.21-1.2 4.21C18.15 15.92 20 11.18 20 8s-1.85-4.92-4.54-6.21"/></svg>
</template>

CSS

.icon-airballoon-outline {
  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%22M11%2023c-1.1%200-2-.9-2-2v-2h6v2c0%201.1-.9%202-2%202zm1-20c.28%200%20.55%200%20.81.05C13.42%204.22%2014%206.26%2014%209c0%202.1-1%207-1%207h-2s-1-4.9-1-7c0-2.74.58-4.78%201.19-5.95c.26-.05.53-.05.81-.05m0-2c-.71%200-1.39.09-2.05.26C8.78%202.83%208%205.71%208%209c0%202.28.38%204.37%201%207c0%201.1.9%202%202%202h2c1.1%200%202-.9%202-2c.62-2.63%201-4.72%201-7c0-3.29-.78-6.17-1.95-7.74C13.39%201.09%2012.71%201%2012%201M4%208c0%203.18%201.85%207.92%204.54%209.21c-.54-1-.93-2.54-1.2-4.21C6.55%2011.53%206%209.62%206%208c0-1.34.44-2.33%201.47-3.2c.26-1.13.62-2.15%201.07-3.01C5.85%203.08%204%204.82%204%208m11.46-6.21c.45.86.81%201.88%201.07%203.01C17.56%205.67%2018%206.66%2018%208c0%201.62-.55%203.53-1.34%205c-.27%201.67-.66%203.21-1.2%204.21C18.15%2015.92%2020%2011.18%2020%208s-1.85-4.92-4.54-6.21%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%22M11%2023c-1.1%200-2-.9-2-2v-2h6v2c0%201.1-.9%202-2%202zm1-20c.28%200%20.55%200%20.81.05C13.42%204.22%2014%206.26%2014%209c0%202.1-1%207-1%207h-2s-1-4.9-1-7c0-2.74.58-4.78%201.19-5.95c.26-.05.53-.05.81-.05m0-2c-.71%200-1.39.09-2.05.26C8.78%202.83%208%205.71%208%209c0%202.28.38%204.37%201%207c0%201.1.9%202%202%202h2c1.1%200%202-.9%202-2c.62-2.63%201-4.72%201-7c0-3.29-.78-6.17-1.95-7.74C13.39%201.09%2012.71%201%2012%201M4%208c0%203.18%201.85%207.92%204.54%209.21c-.54-1-.93-2.54-1.2-4.21C6.55%2011.53%206%209.62%206%208c0-1.34.44-2.33%201.47-3.2c.26-1.13.62-2.15%201.07-3.01C5.85%203.08%204%204.82%204%208m11.46-6.21c.45.86.81%201.88%201.07%203.01C17.56%205.67%2018%206.66%2018%208c0%201.62-.55%203.53-1.34%205c-.27%201.67-.66%203.21-1.2%204.21C18.15%2015.92%2020%2011.18%2020%208s-1.85-4.92-4.54-6.21%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/airballoon-outline.svg?color=%231a73e8&size=48