Ícone Balloon
noto-v1:balloon
O ícone Balloon (noto-v1:balloon) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, 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
- Noto Emoji (v1)
- Autor
- Google Inc
- Licença
- Apache-2.0
- Tamanho
- 128 × 128
- Categoria
- Atividades
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" d="M3.84 118.36c2.04-4.68 5.57-9.23 10.24-11.47c5.01-2.4 10.72-2.42 16.16-2.35c3.71.05 7.65.04 11.13-1.39c2.29-.94 3.94-2.63 5.47-4.52c1.34-1.65 2.6-4.68 4.65-2.2c.59.71.29 1.2-.14 1.91c-.62 1-1.17 2.09-1.96 2.96c-3.13 3.46-7.35 5.83-11.93 6.67c-7.09 1.29-14.75-.92-21.49 2.3c-3.28 1.57-5.82 4.36-7.15 7.75c-.66 1.69-1.02 3.49-1.1 5.31c-.11 2.76-.72 5.06-4.01 4.16c-1.59-.42-1.14-2.94-.94-4.15c.28-1.69.37-3.38 1.07-4.98"/><path fill="#ed6c30" d="M49.27 97.73c.37.03.12 6.31.11 6.9c-.04 1.37-.27 2.73-.06 4.09c.12.81.19 2.27.64 2.94c.64.95 1.71.66 2.69.66c2.6 0 5.02-1.09 7.18-2.45c.87-.54 1.86-.99 1.71-2.13c-.11-.87-.98-1.91-1.47-2.6c-1.75-2.43-5.61-7.13-8.98-7.15z"/><path fill="#ed6c30" d="M123.45 47.09c0-25.83-20.94-46.77-46.77-46.77c-23.76 0-43.37 17.73-46.37 40.67c0 0-5.83 37.02 19.19 58.13l3.91 1.3s36.44 3.87 57.36-21.32c7.85-8.36 12.68-19.62 12.68-32.01"/><path fill="#fff" d="M73.8 24.69c1.44-.83 2.79-1.82 3.9-3.11c3.89-4.48 1.62-10.03-4.24-10.83c-2.95-.4-6.03.3-8.82 1.25c-.64.22-1.28.46-1.91.73c-5.62 2.36-10.74 6.3-13.54 11.85c-.93 1.83-1.96 4.55-1.89 6.64c.05 1.48.61 2.95 1.73 3.95c2.72 2.42 6.1-.48 8.36-2.02c2.84-1.93 5.85-3.6 8.96-5.05c2.45-1.13 5.09-2.06 7.45-3.41"/></svg>
Como usar o ícone Balloon
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:balloon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:balloon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:balloon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--balloon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:balloon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:balloon"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/balloon.svg" alt="Ícone Balloon" width="24" height="24">
O ícone Balloon em outras coleções
Perguntas frequentes sobre Ícone Balloon
O ícone Balloon é grátis para uso comercial?
Sim. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Balloon no React?
Instale @iconify/react e renderize <Icon icon="noto-v1: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/noto-v1/balloon.svg" alt="Ícone Balloon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Noto Emoji (v1) →
ICONYZ
