hot air balloon icon

hot-air-balloon from IconPark Outline by ByteDance · Outline · Travel · Apache-2.0 Free for personal and commercial use.

Name: hot-air-balloon
Set: IconPark Outline
Style: Outline
Category: Travel
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

hot-air-balloonHuge Icons hot-air-balloonIconPark hot-air-balloonIconPark Solid hot-air-balloonIconPark TwoTone hot-air-balloonIconoir

More travel icons from IconPark Outline

Use the hot air balloon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M39 18.352C39 27.855 31 36 24 36S9 27.855 9 18.352C9 10.654 14.893 4 24 4s15 6.654 15 14.352"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M25 4c3.7 3.819 7 10.12 7 16c0 5.807-3.38 12.192-7 16M23 4c-4.317 4.087-7 9.706-7 16c0 6.215 2.777 11.924 7 16"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22 16.018s5.065 1.017 9 0C34.935 15 38 13 38 13M9 20s5 2.5 9 3.5s8 .5 8 .5"/><path d="m18 35l1.4 7.095S22.125 44 24 44s4.6-1.905 4.6-1.905l1.394-7.065L24 36z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m30 35l-.006.03m0 0L28.6 42.095S25.875 44 24 44s-4.6-1.905-4.6-1.905L18 35l6 1z"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkOutlineHotAirBalloon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M39 18.352C39 27.855 31 36 24 36S9 27.855 9 18.352C9 10.654 14.893 4 24 4s15 6.654 15 14.352"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="2" strokeWidth="4" d="M25 4c3.7 3.819 7 10.12 7 16c0 5.807-3.38 12.192-7 16M23 4c-4.317 4.087-7 9.706-7 16c0 6.215 2.777 11.924 7 16"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M22 16.018s5.065 1.017 9 0C34.935 15 38 13 38 13M9 20s5 2.5 9 3.5s8 .5 8 .5"/><path d="m18 35l1.4 7.095S22.125 44 24 44s4.6-1.905 4.6-1.905l1.394-7.065L24 36z"/><path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="m30 35l-.006.03m0 0L28.6 42.095S25.875 44 24 44s-4.6-1.905-4.6-1.905L18 35l6 1z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M39 18.352C39 27.855 31 36 24 36S9 27.855 9 18.352C9 10.654 14.893 4 24 4s15 6.654 15 14.352"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4" d="M25 4c3.7 3.819 7 10.12 7 16c0 5.807-3.38 12.192-7 16M23 4c-4.317 4.087-7 9.706-7 16c0 6.215 2.777 11.924 7 16"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M22 16.018s5.065 1.017 9 0C34.935 15 38 13 38 13M9 20s5 2.5 9 3.5s8 .5 8 .5"/><path d="m18 35l1.4 7.095S22.125 44 24 44s4.6-1.905 4.6-1.905l1.394-7.065L24 36z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="m30 35l-.006.03m0 0L28.6 42.095S25.875 44 24 44s-4.6-1.905-4.6-1.905L18 35l6 1z"/></g></svg>
</template>

CSS

.icon-hot-air-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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M39%2018.352C39%2027.855%2031%2036%2024%2036S9%2027.855%209%2018.352C9%2010.654%2014.893%204%2024%204s15%206.654%2015%2014.352%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M25%204c3.7%203.819%207%2010.12%207%2016c0%205.807-3.38%2012.192-7%2016M23%204c-4.317%204.087-7%209.706-7%2016c0%206.215%202.777%2011.924%207%2016%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M22%2016.018s5.065%201.017%209%200C34.935%2015%2038%2013%2038%2013M9%2020s5%202.5%209%203.5s8%20.5%208%20.5%22%2F%3E%3Cpath%20d%3D%22m18%2035l1.4%207.095S22.125%2044%2024%2044s4.6-1.905%204.6-1.905l1.394-7.065L24%2036z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22m30%2035l-.006.03m0%200L28.6%2042.095S25.875%2044%2024%2044s-4.6-1.905-4.6-1.905L18%2035l6%201z%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M39%2018.352C39%2027.855%2031%2036%2024%2036S9%2027.855%209%2018.352C9%2010.654%2014.893%204%2024%204s15%206.654%2015%2014.352%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%222%22%20stroke-width%3D%224%22%20d%3D%22M25%204c3.7%203.819%207%2010.12%207%2016c0%205.807-3.38%2012.192-7%2016M23%204c-4.317%204.087-7%209.706-7%2016c0%206.215%202.777%2011.924%207%2016%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M22%2016.018s5.065%201.017%209%200C34.935%2015%2038%2013%2038%2013M9%2020s5%202.5%209%203.5s8%20.5%208%20.5%22%2F%3E%3Cpath%20d%3D%22m18%2035l1.4%207.095S22.125%2044%2024%2044s4.6-1.905%204.6-1.905l1.394-7.065L24%2036z%22%2F%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22m30%2035l-.006.03m0%200L28.6%2042.095S25.875%2044%2024%2044s-4.6-1.905-4.6-1.905L18%2035l6%201z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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