Ícone Lightning Mood Bubble
emojione-v1:lightning-mood-bubble
O ícone Lightning Mood Bubble (emojione-v1:lightning-mood-bubble) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Emoji One (v1)
- Autor
- Emoji One
- Licença
- CC-BY-SA-4.0
- Tamanho
- 64 × 64
- Categoria
- Pessoas
- Tags
- lightningmood, moodbubble, lightningmoodbubble
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#97d8ea" d="m63.23 30.07l-6.293-5.35c-.059-.051-.106-.079-.161-.118c.02-.059.039-.104.059-.172q.663-2.417 1.33-4.834c.399-1.459-.735-3.227-2.237-3.117q-4.481.34-8.972.672c-.012-.018-.016-.027-.027-.047c-.521-.997-1.037-1.999-1.553-2.996q-1.13-2.183-2.261-4.363c-.642-1.236-2.065-1.465-3.172-.884c-2.664 1.396-5.323 2.794-7.987 4.191c-2.664-1.396-5.323-2.794-7.991-4.191c-1.106-.581-2.53-.35-3.172.884q-1.129 2.18-2.257 4.363c-.52.998-1.036 1.999-1.557 2.996c-.012.02-.02.029-.027.047q-4.489-.334-8.972-.672c-1.506-.11-2.64 1.658-2.237 3.117q.45 1.63.899 3.266c.254.931.344 1.482.383 1.811L.677 30.07c-.911.778-.911 2.707 0 3.485l6.293 5.351c.059.051.105.078.16.117c-.02.059-.039.104-.059.17q-.662 2.417-1.33 4.832c-.392 1.432.727 3.273 2.237 3.119q4.482-.459 8.968-.915c.012.018.02.031.031.053c.521 1.03 1.037 2.062 1.557 3.094c.751 1.502 1.506 3 2.257 4.502c.626 1.243 2.077 1.459 3.172.884c2.667-1.396 5.327-2.793 7.991-4.188l2.648 1.388c1.779.936 3.559 1.866 5.339 2.801c1.106.583 2.53.352 3.172-.884c.755-1.451 1.506-2.906 2.261-4.361q.773-1.498 1.553-3c.012-.016.016-.027.027-.043l8.972.671c1.502.111 2.637-1.658 2.237-3.119l-.899-3.262c-.258-.931-.348-1.482-.383-1.811q3.167-2.7 6.348-5.397c.912-.78.912-2.708.001-3.487"/><g fill="#fbb11c"><path d="M40.777 12.572L21.456 27.873l12.527 8.157l-12.206 16.692l21.864-18.267l-9.561-8.114z"/><path d="M41.2 36.494c-5.03-2.784-10.02-5.657-14.772-8.841c-.223-.152 5.859-6.903 8.565-10.5l-13.536 10.72l12.527 8.155l-12.206 16.694z"/></g></svg>Como usar o ícone Lightning Mood Bubble
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:lightning-mood-bubble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:lightning-mood-bubble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:lightning-mood-bubble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--lightning-mood-bubble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:lightning-mood-bubble"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:lightning-mood-bubble"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/lightning-mood-bubble.svg" alt="Ícone Lightning Mood Bubble" width="24" height="24">Ícones relacionados em Emoji One (v1)
Perguntas frequentes sobre Ícone Lightning Mood Bubble
O ícone Lightning Mood Bubble é grátis para uso comercial?
Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Lightning Mood Bubble no React?
Instale @iconify/react e renderize <Icon icon="emojione-v1:lightning-mood-bubble" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Lightning Mood Bubble a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/lightning-mood-bubble.svg" alt="Ícone Lightning Mood Bubble">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.