bubble tea emoji
bubble-tea from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- bubble-tea
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the bubble tea emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function OpenmojiBubbleTea(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-bubble-tea {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M42.978%2061.958H27.145a4.085%204.085%200%200%201-3.935-3.582L19.092%2031.15A1%201%200%200%201%2020.08%2030h29.984a1%201%200%200%201%20.988%201.15l-4.175%2027.457a3.944%203.944%200%200%201-3.9%203.351%22%2F%3E%3Cpath%20fill%3D%22%23b399c8%22%20d%3D%22m39.073%2032.017l-1.379%2015.166a1%201%200%200%201-.976.785a.6.6%200%200%201-.156%200l-4.546-.092a1.1%201.1%200%200%201-.763-.464a1%201%200%200%201-.134-.76l.981-14.635Zm-5.251-6.623l.259-1.152c1.336-5.944%203.088-8.447%208.151-11.642l7.485-4.77a1%201%200%200%201%201.372.293l2.614%203.968a1%201%200%200%201-.293%201.39l-8.016%205.171a10.54%2010.54%200%200%200-4.594%206.585l-.043.195Z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M52.902%2032.017H17.25a1%201%200%200%201-1-1v-2.114a3.513%203.513%200%200%201%203.509-3.508h30.634a3.513%203.513%200%200%201%203.51%203.508v2.114a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M49.55%2034.193L45.902%2058.35a3.07%203.07%200%200%201-3.032%202.61H27.25a3.07%203.07%200%200%201-3.034-2.609l-3.653-24.157%22%2F%3E%3Ccircle%20cx%3D%2228.806%22%20cy%3D%2255.731%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2239.117%22%20cy%3D%2256.566%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2227.877%22%20cy%3D%2247.217%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242.267%22%20cy%3D%2243.979%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2225.877%22%20cy%3D%2241.002%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2234.404%22%20cy%3D%2252.052%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242.267%22%20cy%3D%2250.452%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M52.902%2028.904a2.516%202.516%200%200%200-2.509-2.51H19.76a2.516%202.516%200%200%200-2.509%202.51v2.112h35.652Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m34.64%2026.395l.76-3.347c1.224-4.62%202.928-6.801%207.366-9.603l7.488-4.774l2.614%203.97l-8.015%205.17a11.6%2011.6%200%200%200-4.398%205.237l-.796%203.347m-1.288-9.427l3.649%203.425m-.875-5.862l2.585%204.105m-7.338%201.473l4.466%202.084m-7.918%2012l-.843%2012.682m5.774-12.682L36.71%2046.98%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23f4aa41%22%20d%3D%22M42.978%2061.958H27.145a4.085%204.085%200%200%201-3.935-3.582L19.092%2031.15A1%201%200%200%201%2020.08%2030h29.984a1%201%200%200%201%20.988%201.15l-4.175%2027.457a3.944%203.944%200%200%201-3.9%203.351%22%2F%3E%3Cpath%20fill%3D%22%23b399c8%22%20d%3D%22m39.073%2032.017l-1.379%2015.166a1%201%200%200%201-.976.785a.6.6%200%200%201-.156%200l-4.546-.092a1.1%201.1%200%200%201-.763-.464a1%201%200%200%201-.134-.76l.981-14.635Zm-5.251-6.623l.259-1.152c1.336-5.944%203.088-8.447%208.151-11.642l7.485-4.77a1%201%200%200%201%201.372.293l2.614%203.968a1%201%200%200%201-.293%201.39l-8.016%205.171a10.54%2010.54%200%200%200-4.594%206.585l-.043.195Z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M52.902%2032.017H17.25a1%201%200%200%201-1-1v-2.114a3.513%203.513%200%200%201%203.509-3.508h30.634a3.513%203.513%200%200%201%203.51%203.508v2.114a1%201%200%200%201-1%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M49.55%2034.193L45.902%2058.35a3.07%203.07%200%200%201-3.032%202.61H27.25a3.07%203.07%200%200%201-3.034-2.609l-3.653-24.157%22%2F%3E%3Ccircle%20cx%3D%2228.806%22%20cy%3D%2255.731%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2239.117%22%20cy%3D%2256.566%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2227.877%22%20cy%3D%2247.217%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242.267%22%20cy%3D%2243.979%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2225.877%22%20cy%3D%2241.002%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2234.404%22%20cy%3D%2252.052%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2242.267%22%20cy%3D%2250.452%22%20r%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M52.902%2028.904a2.516%202.516%200%200%200-2.509-2.51H19.76a2.516%202.516%200%200%200-2.509%202.51v2.112h35.652Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m34.64%2026.395l.76-3.347c1.224-4.62%202.928-6.801%207.366-9.603l7.488-4.774l2.614%203.97l-8.015%205.17a11.6%2011.6%200%200%200-4.398%205.237l-.796%203.347m-1.288-9.427l3.649%203.425m-.875-5.862l2.585%204.105m-7.338%201.473l4.466%202.084m-7.918%2012l-.843%2012.682m5.774-12.682L36.71%2046.98%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/bubble-tea.svg?color=%231a73e8&size=48
