Icône Lightning Mood Bubble
emojione-v1:lightning-mood-bubble
L'icône Lightning Mood Bubble (emojione-v1:lightning-mood-bubble) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Emoji One (v1)
- Auteur
- Emoji One
- Licence
- CC-BY-SA-4.0
- Taille
- 64 × 64
- Catégorie
- Personnes
- Mots-clés
- lightningmood, moodbubble, lightningmoodbubble
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/lightning-mood-bubble.svg" alt="Icône Lightning Mood Bubble" width="24" height="24">Icônes similaires dans Emoji One (v1)
FAQ : Icône Lightning Mood Bubble
L'icône Lightning Mood Bubble est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Lightning Mood Bubble dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-v1:lightning-mood-bubble" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Lightning Mood Bubble à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/lightning-mood-bubble.svg" alt="Icône Lightning Mood Bubble">, ou collez le code SVG directement dans la page pour le styliser en CSS.