Иконка Bubble Tea

openmoji:bubble-tea

Иконка Bubble Tea (openmoji:bubble-tea) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Еда и напитки
Теги: bubbletea

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:bubble-tea"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/bubble-tea.svg" alt="Иконка Bubble Tea" width="24" height="24">

Иконка Bubble Tea в других наборах

Вопросы и ответы: Иконка Bubble Tea

Можно ли бесплатно использовать иконку Bubble Tea в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Bubble Tea в React?

Установите @iconify/react и выведите <Icon icon="openmoji:bubble-tea" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Bubble Tea на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/bubble-tea.svg" alt="Иконка Bubble Tea">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →