Icône Bubble Tea
openmoji:bubble-tea
L'icône Bubble Tea (openmoji:bubble-tea) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji 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
- OpenMoji
- Auteur
- OpenMoji
- Licence
- CC-BY-SA-4.0
- Taille
- 72 × 72
- Catégorie
- Nourriture et boissons
- Mots-clés
- bubbletea
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#f4aa41" d="M42.978 61.958H27.145a4.085 4.085 0 0 1-3.935-3.582L19.092 31.15A1 1 0 0 1 20.08 30h29.984a1 1 0 0 1 .988 1.15l-4.175 27.457a3.944 3.944 0 0 1-3.9 3.351"/><path fill="#b399c8" d="m39.073 32.017l-1.379 15.166a1 1 0 0 1-.976.785a.6.6 0 0 1-.156 0l-4.546-.092a1.1 1.1 0 0 1-.763-.464a1 1 0 0 1-.134-.76l.981-14.635Zm-5.251-6.623l.259-1.152c1.336-5.944 3.088-8.447 8.151-11.642l7.485-4.77a1 1 0 0 1 1.372.293l2.614 3.968a1 1 0 0 1-.293 1.39l-8.016 5.171a10.54 10.54 0 0 0-4.594 6.585l-.043.195Z"/><path fill="#92d3f5" d="M52.902 32.017H17.25a1 1 0 0 1-1-1v-2.114a3.513 3.513 0 0 1 3.509-3.508h30.634a3.513 3.513 0 0 1 3.51 3.508v2.114a1 1 0 0 1-1 1"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.55 34.193L45.902 58.35a3.07 3.07 0 0 1-3.032 2.61H27.25a3.07 3.07 0 0 1-3.034-2.609l-3.653-24.157"/><circle cx="28.806" cy="55.731" r="2"/><circle cx="39.117" cy="56.566" r="2"/><circle cx="27.877" cy="47.217" r="2"/><circle cx="42.267" cy="43.979" r="2"/><circle cx="25.877" cy="41.002" r="2"/><circle cx="34.404" cy="52.052" r="2"/><circle cx="42.267" cy="50.452" r="2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M52.902 28.904a2.516 2.516 0 0 0-2.509-2.51H19.76a2.516 2.516 0 0 0-2.509 2.51v2.112h35.652Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m34.64 26.395l.76-3.347c1.224-4.62 2.928-6.801 7.366-9.603l7.488-4.774l2.614 3.97l-8.015 5.17a11.6 11.6 0 0 0-4.398 5.237l-.796 3.347m-1.288-9.427l3.649 3.425m-.875-5.862l2.585 4.105m-7.338 1.473l4.466 2.084m-7.918 12l-.843 12.682m5.774-12.682L36.71 46.98"/></svg>
Comment utiliser l'icône Bubble Tea
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:bubble-tea" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:bubble-tea" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:bubble-tea" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--bubble-tea]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:bubble-tea"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:bubble-tea"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/bubble-tea.svg" alt="Icône Bubble Tea" width="24" height="24">
Icônes similaires dans OpenMoji
L'icône Bubble Tea dans d'autres collections
FAQ : Icône Bubble Tea
L'icône Bubble Tea est-elle gratuite pour un usage commercial ?
Oui. Les OpenMoji 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 Bubble Tea dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:bubble-tea" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Bubble Tea à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/bubble-tea.svg" alt="Icône Bubble Tea">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes OpenMoji →
ICONYZ
