ICONYZ
Português (Brasil)
Ícone Balloon de Reicon

Ícone Balloon

reicon:balloon

O ícone Balloon (reicon:balloon) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Reicon
Autor
REICON
Licença
MIT
Tamanho
24 × 24
Categoria
Interface
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.506 5.25a.75.75 0 0 0-.012 1.5a2.285 2.285 0 0 1 2.256 2.256a.75.75 0 0 0 1.5-.012a3.785 3.785 0 0 0-3.744-3.744"/><path fill-rule="evenodd" d="M3.81 9.685c-.036-4.671 3.613-8.473 8.196-8.435c4.573.038 8.268 3.885 8.304 8.548c.03 3.908-2.625 7.634-6.245 8.67q.064.128.102.247c.332 1.062-.356 2.131-1.417 2.347V22.5a.75.75 0 0 1-1.5 0v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714 3.044-6.683 6.923c.03 3.969 3.058 7.547 6.695 7.577c3.655.03 6.835-3.511 6.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0 16q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0 0-.023.004-.096.006L12 19.6c-.165 0-.273 0-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022" clip-rule="evenodd"/></g></svg>

Como usar o ícone Balloon

React

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

<Icon icon="reicon:balloon" width="24" />

Vue

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

<template>
  <Icon icon="reicon:balloon" width="24" />
</template>

Svelte

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

<Icon icon="reicon:balloon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="reicon:balloon"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/reicon/balloon.svg" alt="Ícone Balloon" width="24" height="24">

Ícones relacionados em Reicon

O ícone Balloon em outras coleções

Perguntas frequentes sobre Ícone Balloon

O ícone Balloon é grátis para uso comercial?

Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Balloon no React?

Instale @iconify/react e renderize <Icon icon="reicon:balloon" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Balloon a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/balloon.svg" alt="Ícone Balloon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Reicon →