Иконка Bubble Tea
fluent-emoji:bubble-tea
Иконка Bubble Tea (fluent-emoji:bubble-tea) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- bubbletea
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iITpZ1d)" d="M17 2h-2v6h2z"/><path fill="#B4DBFF" d="m7.2 11l.3.25h17l.3-.25l.2-2l-.2-.25H7.2L7 9z"/><path fill="url(#ijeRvId)" d="m7.2 11l.3.25h17l.3-.25l.2-2l-.2-.25H7.2L7 9z"/><path fill="url(#izmrIJc)" d="m7.2 11l.3.25h17l.3-.25l.2-2l-.2-.25H7.2L7 9z"/><path stroke="#A0C9FF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h18"/><path stroke="url(#iIrPGfe)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h18"/><path stroke="url(#iC6e2WE)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h18"/><path stroke="url(#ihdJbDb)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h18"/><path stroke="url(#it8YWIn)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h18"/><path fill="#EB9C5B" d="M7.2 11L9 29c.076.563.5 1 1 1h12c.5 0 .903-.395 1-1l1.8-18z"/><path fill="url(#iIPMJMa)" d="M7.2 11L9 29c.076.563.5 1 1 1h12c.5 0 .903-.395 1-1l1.8-18z"/><path fill="url(#i9huL7d)" d="M7.2 11L9 29c.076.563.5 1 1 1h12c.5 0 .903-.395 1-1l1.8-18z"/><path fill="url(#iWa07Vc)" d="M7.2 11L9 29c.076.563.5 1 1 1h12c.5 0 .903-.395 1-1l1.8-18z"/><path fill="url(#ilvHtec)" d="M18.59 25.808a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#iUCauEb)" d="M18.59 25.808a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#i7XY64c)" d="M13.444 25.808a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#iCth7Td)" d="M13.444 25.808a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#iAmqyuc)" d="M20.442 28.733a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#iNM0Ric)" d="M20.442 28.733a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#iVBlOme)" d="M15.97 28.733a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#ivO0oAb)" d="M15.97 28.733a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#iMYNNOB)" d="M11.498 28.733a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="url(#i2bDmgd)" d="M11.498 28.733a1.31 1.31 0 1 0 0-2.62a1.31 1.31 0 0 0 0 2.62"/><path fill="#9679BB" d="M17 9h-2v2h2z" opacity=".75"/><path fill="url(#iH28nPc)" d="M17 9h-2v2h2z"/><path fill="#BCA4EB" d="M17 7h-2v2h2z" opacity=".75"/><path fill="url(#iQ4NxLe)" d="M17 7h-2v2h2z"/><path fill="url(#iRdxbyd)" d="M17 7h-2v2h2z"/><path fill="url(#iNJI0Pm)" d="M17 7h-2v2h2z"/><path fill="url(#iqjbJ2U)" d="M17 7h-2v2h2z"/><path fill="url(#iOCiNmb)" d="m20.044 23.611l.99-9.701a1 1 0 0 1 .99-.91c.58 0 1.04.5.99 1.08l-.99 9.701c-.04.52-.47.91-.99.91c-.58 0-1.04-.5-.99-1.08"/><defs><radialGradient id="iIrPGfe" cx="0" cy="0" r="1" gradientTransform="rotate(87.274 6.955 15.3)scale(.65699 9.32937)" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#CEF7FF"/><stop offset="1" stop-color="#CEF7FF" stop-opacity="0"/></radialGradient><radialGradient id="iC6e2WE" cx="0" cy="0" r="1" gradientTransform="matrix(.01563 .78125 -13.32996 .26665 10.187 8.187)" gradientUnits="userSpaceOnUse"><stop offset=".193" stop-color="#C1E5FF"/><stop offset=".573" stop-color="#AED6FE"/><stop offset="1" stop-color="#A9D2FB" stop-opacity="0"/></radialGradient><radialGradient id="ihdJbDb" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.75 -11.4375 0 16 8)" gradientUnits="userSpaceOnUse"><stop offset=".645" stop-color="#A8C1E0" stop-opacity="0"/><stop offset=".868" stop-color="#A3C4E9"/></radialGradient><radialGradient id="iIPMJMa" cx="0" cy="0" r="1" gradientTransform="matrix(-1.00001 35.87497 -14.49567 -.40407 20.5 17.375)" gradientUnits="userSpaceOnUse"><stop offset=".029" stop-color="#FFBB85"/><stop offset=".277" stop-color="#F5A07F"/><stop offset="1" stop-color="#DA8664" stop-opacity="0"/></radialGradient><radialGradient id="i9huL7d" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.125 -27.375 0 21.375 26.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD4A4"/><stop offset="1" stop-color="#FFB09B" stop-opacity="0"/></radialGradient><radialGradient id="iWa07Vc" cx="0" cy="0" r="1" gradientTransform="matrix(-.50009 20.37496 -14.00078 -.34364 4.875 11.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#C77F51"/><stop offset="1" stop-color="#CC7C4A" stop-opacity="0"/></radialGradient><radialGradient id="ilvHtec" cx="0" cy="0" r="1" gradientTransform="rotate(137.021 4.843 15.785)scale(1.87942)" gradientUnits="userSpaceOnUse"><stop stop-color="#9D6F6C"/><stop offset=".95" stop-color="#774A43"/></radialGradient><radialGradient id="iUCauEb" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.375 -1.95293 0 18.59 25.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#803863"/><stop offset="1" stop-color="#854460" stop-opacity="0"/></radialGradient><radialGradient id="i7XY64c" cx="0" cy="0" r="1" gradientTransform="rotate(137.021 2.27 14.772)scale(1.87942)" gradientUnits="userSpaceOnUse"><stop stop-color="#9D6F6C"/><stop offset=".95" stop-color="#774A43"/></radialGradient><radialGradient id="iCth7Td" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.375 -1.95293 0 13.444 25.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#803863"/><stop offset="1" stop-color="#854460" stop-opacity="0"/></radialGradient><radialGradient id="iAmqyuc" cx="0" cy="0" r="1" gradientTransform="rotate(137.021 5.193 17.612)scale(1.87942)" gradientUnits="userSpaceOnUse"><stop stop-color="#9D6F6C"/><stop offset=".95" stop-color="#774A43"/></radialGradient><radialGradient id="iNM0Ric" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.375 -1.95293 0 20.442 28.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#803863"/><stop offset="1" stop-color="#854460" stop-opacity="0"/></radialGradient><radialGradient id="iVBlOme" cx="0" cy="0" r="1" gradientTransform="rotate(137.021 2.957 16.731)scale(1.87942)" gradientUnits="userSpaceOnUse"><stop stop-color="#9D6F6C"/><stop offset=".95" stop-color="#774A43"/></radialGradient><radialGradient id="ivO0oAb" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.375 -1.95293 0 15.97 28.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#803863"/><stop offset="1" stop-color="#854460" stop-opacity="0"/></radialGradient><radialGradient id="iMYNNOB" cx="0" cy="0" r="1" gradientTransform="rotate(137.021 .72 15.85)scale(1.87942)" gradientUnits="userSpaceOnUse"><stop stop-color="#9D6F6C"/><stop offset=".95" stop-color="#774A43"/></radialGradient><radialGradient id="i2bDmgd" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.375 -1.95293 0 11.498 28.55)" gradientUnits="userSpaceOnUse"><stop stop-color="#803863"/><stop offset="1" stop-color="#854460" stop-opacity="0"/></radialGradient><radialGradient id="iqjbJ2U" cx="0" cy="0" r="1" gradientTransform="matrix(.03906 .59375 -5.76702 .3794 15.961 8.046)" gradientUnits="userSpaceOnUse"><stop stop-color="#B398DC"/><stop offset="1" stop-color="#B197D9" stop-opacity="0"/></radialGradient><linearGradient id="iITpZ1d" x1="15" x2="17" y1="5.719" y2="5.719" gradientUnits="userSpaceOnUse"><stop stop-color="#785FAB"/><stop offset=".266" stop-color="#7D5EB4"/><stop offset=".711" stop-color="#A081D7"/><stop offset="1" stop-color="#9C7ED5"/></linearGradient><linearGradient id="ijeRvId" x1="7" x2="8.469" y1="10.375" y2="10.219" gradientUnits="userSpaceOnUse"><stop stop-color="#A1BDDB"/><stop offset="1" stop-color="#A1C2E5" stop-opacity="0"/></linearGradient><linearGradient id="izmrIJc" x1="25" x2="23.594" y1="10" y2="9.859" gradientUnits="userSpaceOnUse"><stop stop-color="#A1BDDB"/><stop offset="1" stop-color="#A1C2E5" stop-opacity="0"/></linearGradient><linearGradient id="it8YWIn" x1="16" x2="16" y1="8.516" y2="9" gradientUnits="userSpaceOnUse"><stop stop-color="#99B7E6" stop-opacity="0"/><stop offset="1" stop-color="#9AB7E8"/></linearGradient><linearGradient id="iH28nPc" x1="15" x2="17" y1="10.24" y2="10.24" gradientUnits="userSpaceOnUse"><stop stop-color="#9782BA"/><stop offset=".266" stop-color="#9678BC"/><stop offset=".711" stop-color="#AB8DD6"/><stop offset="1" stop-color="#A794DB"/></linearGradient><linearGradient id="iQ4NxLe" x1="15" x2="17" y1="8.24" y2="8.24" gradientUnits="userSpaceOnUse"><stop stop-color="#9782BA"/><stop offset=".266" stop-color="#9678BC"/><stop offset=".711" stop-color="#AB8DD6"/><stop offset="1" stop-color="#A794DB"/></linearGradient><linearGradient id="iRdxbyd" x1="16" x2="16" y1="6.781" y2="7.219" gradientUnits="userSpaceOnUse"><stop stop-color="#AB98CA"/><stop offset="1" stop-color="#BDACDA" stop-opacity="0"/></linearGradient><linearGradient id="iNJI0Pm" x1="15.98" x2="15.961" y1="8.828" y2="9.059" gradientUnits="userSpaceOnUse"><stop stop-color="#8563A9" stop-opacity="0"/><stop offset="1" stop-color="#8965AF"/></linearGradient><linearGradient id="iOCiNmb" x1="21.459" x2="21.459" y1="13" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="#FFFFFA"/><stop offset=".829" stop-color="#FFFFFA" stop-opacity="0"/></linearGradient></defs></g></svg>Как использовать иконку Bubble Tea
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:bubble-tea" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:bubble-tea" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:bubble-tea" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--bubble-tea]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:bubble-tea"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:bubble-tea"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/bubble-tea.svg" alt="Иконка Bubble Tea" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Bubble Tea в других наборах
Вопросы и ответы: Иконка Bubble Tea
Можно ли бесплатно использовать иконку Bubble Tea в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bubble Tea в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:bubble-tea" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bubble Tea на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/bubble-tea.svg" alt="Иконка Bubble Tea">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.