ICONYZ
English
Baloon icon from WebHostingHub Glyphs

Baloon icon

whh:baloon

The Baloon icon (whh:baloon) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 768 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
WebHostingHub Glyphs
Author
WebHostingHub
License
OFL-1.1
Size
768 × 1024
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M412 891q76 77 95 133H261q19-56 94-133q-49-13-111.5-67t-116-125.5T37 541T0 384q0-104 51.5-192.5t140-140T384 0t192.5 51.5t140 140T768 384q0 71-37 157t-90.5 157.5t-116 125.5T412 891M255 195q-38-11-74 16t-48 76q-14 48-5 168.5T160 576q14 0 23-32.5t18.5-73.5t22.5-54q5-5 20-19.5t23.5-23.5t20-21.5t18.5-24t9-22.5q23-87-60-110"/></svg>

How to use the Baloon icon

React

import { Icon } from "@iconify/react";

<Icon icon="whh:baloon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="whh:baloon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="whh:baloon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--baloon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:baloon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="whh:baloon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/baloon.svg" alt="Baloon icon" width="24" height="24">

Baloon icon FAQ

Is the Baloon icon free for commercial use?

Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Baloon icon in React?

Install @iconify/react and render <Icon icon="whh:baloon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Baloon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/baloon.svg" alt="Baloon icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →