Ícone Bubbles
twemoji:bubbles
O ícone Bubbles (twemoji:bubbles) é um ícone SVG gratuito da coleção Twitter Emoji de Twitter. Ele é desenhado em uma grade de 36 × 36. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Twitter Emoji
- Autor
- Twitter
- Licença
- CC-BY-4.0
- Tamanho
- 36 × 36
- Categoria
- Objetos
- Tags
- bubble
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><g fill="#50a5e6"><circle cx="18" cy="29" r="6"/><circle cx="29" cy="18" r="7"/><circle cx="10.5" cy="11.5" r="10.5"/></g><g fill="#a8e0f9" fill-opacity=".5"><circle cx="10.5" cy="11.5" r="9.5"/><circle cx="18" cy="29" r="5"/><circle cx="29" cy="18" r="6"/></g><path fill="#f2f9ff" d="M10.5 19.5a1 1 0 0 1 0-2c3.309 0 6-2.691 6-6a1 1 0 0 1 2 0c0 4.411-3.589 8-8 8m23.5-1a1 1 0 0 0-2 0c0 1.378-1.122 2.5-2.5 2.5a1 1 0 0 0 0 2c2.481 0 4.5-2.019 4.5-4.5m-12 11a1 1 0 0 0-2 0c0 .827-.673 1.5-1.5 1.5a1 1 0 0 0 0 2c1.93 0 3.5-1.57 3.5-3.5"/><path fill="#fff" d="M3.5 13A1.5 1.5 0 0 1 2 11.5C2 6.813 5.813 3 10.5 3a1.5 1.5 0 1 1 0 3A5.506 5.506 0 0 0 5 11.5A1.5 1.5 0 0 1 3.5 13M27 18c0-1.103.897-2 2-2a1.5 1.5 0 1 0 0-3c-2.757 0-5 2.243-5 5a1.5 1.5 0 1 0 3 0M17 29c0-.551.449-1 1-1a1.5 1.5 0 1 0 0-3c-2.206 0-4 1.794-4 4a1.5 1.5 0 1 0 3 0"/><path fill="#fff" fill-opacity=".5" d="M10.5 1c.68 0 1.344.07 1.988.195A5.5 5.5 0 0 1 13 3.5A5.5 5.5 0 0 1 2.227 5.057C4.15 2.593 7.14 1 10.5 1m12.579 13.283A4.494 4.494 0 0 0 32 13.5a4.45 4.45 0 0 0-.506-2.033A7 7 0 0 0 29 11a7 7 0 0 0-5.921 3.283M13.061 25.601A3.99 3.99 0 0 0 17 29a4 4 0 0 0 4-4c0-.466-.095-.907-.242-1.323A5.96 5.96 0 0 0 18 23a6 6 0 0 0-4.939 2.601"/></svg>
Como usar o ícone Bubbles
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:bubbles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:bubbles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:bubbles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bubbles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bubbles"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:bubbles"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/twemoji/bubbles.svg" alt="Ícone Bubbles" width="24" height="24">
O ícone Bubbles em outras coleções
Perguntas frequentes sobre Ícone Bubbles
O ícone Bubbles é grátis para uso comercial?
Sim. Twitter Emoji icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Bubbles no React?
Instale @iconify/react e renderize <Icon icon="twemoji:bubbles" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bubbles a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/twemoji/bubbles.svg" alt="Ícone Bubbles">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Twitter Emoji →
ICONYZ
