milk tea icon

milk-tea from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
milk-tea
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

Use the milk tea icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M416 128V96a96 96 0 0 1 96-96h128a32 32 0 1 1 0 64H512a32 32 0 0 0-32 32v32h320a96 96 0 0 1 11.7 191.3l-39.7 581a64 64 0 0 1-63.8 59.7H315.8a64 64 0 0 1-63.9-59.6l-39.6-581.1A96 96 0 0 1 224 128zM276.5 320l39.3 576h392.4l4.8-70.8a224 224 0 0 1 30-439.8l4.5-65.4zM224 256h576a32 32 0 1 0 0-64H224a32 32 0 0 0 0 64m493.4 503.9l21.2-309.1a160 160 0 0 0-21.2 309"/></svg>

React

import type { SVGProps } from "react";

export function EpMilkTea(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M416 128V96a96 96 0 0 1 96-96h128a32 32 0 1 1 0 64H512a32 32 0 0 0-32 32v32h320a96 96 0 0 1 11.7 191.3l-39.7 581a64 64 0 0 1-63.8 59.7H315.8a64 64 0 0 1-63.9-59.6l-39.6-581.1A96 96 0 0 1 224 128zM276.5 320l39.3 576h392.4l4.8-70.8a224 224 0 0 1 30-439.8l4.5-65.4zM224 256h576a32 32 0 1 0 0-64H224a32 32 0 0 0 0 64m493.4 503.9l21.2-309.1a160 160 0 0 0-21.2 309"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M416 128V96a96 96 0 0 1 96-96h128a32 32 0 1 1 0 64H512a32 32 0 0 0-32 32v32h320a96 96 0 0 1 11.7 191.3l-39.7 581a64 64 0 0 1-63.8 59.7H315.8a64 64 0 0 1-63.9-59.6l-39.6-581.1A96 96 0 0 1 224 128zM276.5 320l39.3 576h392.4l4.8-70.8a224 224 0 0 1 30-439.8l4.5-65.4zM224 256h576a32 32 0 1 0 0-64H224a32 32 0 0 0 0 64m493.4 503.9l21.2-309.1a160 160 0 0 0-21.2 309"/></svg>
</template>

CSS

.icon-milk-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M416%20128V96a96%2096%200%200%201%2096-96h128a32%2032%200%201%201%200%2064H512a32%2032%200%200%200-32%2032v32h320a96%2096%200%200%201%2011.7%20191.3l-39.7%20581a64%2064%200%200%201-63.8%2059.7H315.8a64%2064%200%200%201-63.9-59.6l-39.6-581.1A96%2096%200%200%201%20224%20128zM276.5%20320l39.3%20576h392.4l4.8-70.8a224%20224%200%200%201%2030-439.8l4.5-65.4zM224%20256h576a32%2032%200%201%200%200-64H224a32%2032%200%200%200%200%2064m493.4%20503.9l21.2-309.1a160%20160%200%200%200-21.2%20309%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M416%20128V96a96%2096%200%200%201%2096-96h128a32%2032%200%201%201%200%2064H512a32%2032%200%200%200-32%2032v32h320a96%2096%200%200%201%2011.7%20191.3l-39.7%20581a64%2064%200%200%201-63.8%2059.7H315.8a64%2064%200%200%201-63.9-59.6l-39.6-581.1A96%2096%200%200%201%20224%20128zM276.5%20320l39.3%20576h392.4l4.8-70.8a224%20224%200%200%201%2030-439.8l4.5-65.4zM224%20256h576a32%2032%200%201%200%200-64H224a32%2032%200%200%200%200%2064m493.4%20503.9l21.2-309.1a160%20160%200%200%200-21.2%20309%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/milk-tea.svg?color=%231a73e8&size=48