Hotairballoon icon
et:hotairballoon
The Hotairballoon icon (et:hotairballoon) is a free SVG icon from the Elegant set by Kenny Sing. It is drawn on a 28 × 32 grid. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Elegant
- Author
- Kenny Sing
- License
- GPL-3.0-or-later
- Size
- 28 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="32" viewBox="0 0 28 32"><path fill="currentColor" d="M28 9.401C28 3.075 23.421 0 14 0S0 3.075 0 9.401c0 7.275 13.173 15.668 13.733 16.021l.005.001c.011.007.023.007.035.013c.072.038.148.064.227.064s.155-.026.227-.063c.011-.006.024-.006.035-.013l.005-.001C14.827 25.069 28 16.677 28 9.401m-10 0c0 5.56-2.876 12.121-4 14.473c-1.124-2.351-4-8.909-4-14.473C10 1.871 12.283 1 14 1s4 .871 4 8.401m-9 0c0 4.797 1.979 10.141 3.331 13.236C9.589 19.74 5 14.181 5 9.401c0-4.69 1.918-7.327 5.977-8.132C9.653 2.717 9 5.411 9 9.401m10 0c0-3.99-.652-6.684-1.977-8.132C21.082 2.074 23 4.712 23 9.401c0 4.78-4.589 10.338-7.331 13.236C17.021 19.543 19 14.198 19 9.401m-18 0c0-3.971 1.987-6.47 6.156-7.632C5.042 3.301 4 5.833 4 9.401c0 4.203 3.135 8.792 5.838 11.973C5.98 18.306 1 13.544 1 9.401m17.162 11.973C20.865 18.193 24 13.605 24 9.401c0-3.568-1.042-6.101-3.156-7.632C25.013 2.931 27 5.43 27 9.401c0 4.143-4.98 8.905-8.838 11.973M11.5 27a.5.5 0 0 0-.5.5v3c0 .841.659 1.5 1.5 1.5h3c.841 0 1.5-.659 1.5-1.5v-3a.5.5 0 0 0-.5-.5zm4.5 3.5c0 .294-.206.5-.5.5h-3a.48.48 0 0 1-.5-.5V28h4z"/></svg>How to use the Hotairballoon icon
React
import { Icon } from "@iconify/react";
<Icon icon="et:hotairballoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="et:hotairballoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="et:hotairballoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[et--hotairballoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/et -->
<div class="i-et:hotairballoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="et:hotairballoon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/et/hotairballoon.svg" alt="Hotairballoon icon" width="24" height="24">Hotairballoon icon FAQ
Is the Hotairballoon icon free for commercial use?
Yes. Elegant icons are released under the GPL 3.0 license, which allows use in personal and commercial projects; modified versions of the icon files must keep the same license.
How do I use the Hotairballoon icon in React?
Install @iconify/react and render <Icon icon="et:hotairballoon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hotairballoon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/et/hotairballoon.svg" alt="Hotairballoon icon">, or paste the SVG code inline to style it with CSS.