tea pod icon

tea-pod from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
tea-pod
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the tea pod icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M19.006 10.005V6.504c0-2.486-2.023-4.502-4.518-4.502S9.97 4.018 9.97 6.504v3.501m4.518-1v-1.5"/><path stroke-linejoin="round" d="m2.17 11.129l4.482 5.774a.3.3 0 0 1 .063.172l.09 2.385A1.87 1.87 0 0 0 8.22 21.2l.247.062a24.4 24.4 0 0 0 12.124-.06a1.796 1.796 0 0 0 1.343-1.697l.06-2.791c.086-3.932-1.188-4.78-1.81-5.35c-1.442-1.322-3.587-1.64-5.647-1.64c-3.573 0-5.292 1.015-6.09 1.706a.54.54 0 0 1-.629.07L3.844 9.158a.805.805 0 0 0-1.039.192l-.63.792a.8.8 0 0 0-.005.987"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsTeaPod(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M19.006 10.005V6.504c0-2.486-2.023-4.502-4.518-4.502S9.97 4.018 9.97 6.504v3.501m4.518-1v-1.5"/><path strokeLinejoin="round" d="m2.17 11.129l4.482 5.774a.3.3 0 0 1 .063.172l.09 2.385A1.87 1.87 0 0 0 8.22 21.2l.247.062a24.4 24.4 0 0 0 12.124-.06a1.796 1.796 0 0 0 1.343-1.697l.06-2.791c.086-3.932-1.188-4.78-1.81-5.35c-1.442-1.322-3.587-1.64-5.647-1.64c-3.573 0-5.292 1.015-6.09 1.706a.54.54 0 0 1-.629.07L3.844 9.158a.805.805 0 0 0-1.039.192l-.63.792a.8.8 0 0 0-.005.987"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M19.006 10.005V6.504c0-2.486-2.023-4.502-4.518-4.502S9.97 4.018 9.97 6.504v3.501m4.518-1v-1.5"/><path stroke-linejoin="round" d="m2.17 11.129l4.482 5.774a.3.3 0 0 1 .063.172l.09 2.385A1.87 1.87 0 0 0 8.22 21.2l.247.062a24.4 24.4 0 0 0 12.124-.06a1.796 1.796 0 0 0 1.343-1.697l.06-2.791c.086-3.932-1.188-4.78-1.81-5.35c-1.442-1.322-3.587-1.64-5.647-1.64c-3.573 0-5.292 1.015-6.09 1.706a.54.54 0 0 1-.629.07L3.844 9.158a.805.805 0 0 0-1.039.192l-.63.792a.8.8 0 0 0-.005.987"/></g></svg>
</template>

CSS

.icon-tea-pod {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.006%2010.005V6.504c0-2.486-2.023-4.502-4.518-4.502S9.97%204.018%209.97%206.504v3.501m4.518-1v-1.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m2.17%2011.129l4.482%205.774a.3.3%200%200%201%20.063.172l.09%202.385A1.87%201.87%200%200%200%208.22%2021.2l.247.062a24.4%2024.4%200%200%200%2012.124-.06a1.796%201.796%200%200%200%201.343-1.697l.06-2.791c.086-3.932-1.188-4.78-1.81-5.35c-1.442-1.322-3.587-1.64-5.647-1.64c-3.573%200-5.292%201.015-6.09%201.706a.54.54%200%200%201-.629.07L3.844%209.158a.805.805%200%200%200-1.039.192l-.63.792a.8.8%200%200%200-.005.987%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M19.006%2010.005V6.504c0-2.486-2.023-4.502-4.518-4.502S9.97%204.018%209.97%206.504v3.501m4.518-1v-1.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m2.17%2011.129l4.482%205.774a.3.3%200%200%201%20.063.172l.09%202.385A1.87%201.87%200%200%200%208.22%2021.2l.247.062a24.4%2024.4%200%200%200%2012.124-.06a1.796%201.796%200%200%200%201.343-1.697l.06-2.791c.086-3.932-1.188-4.78-1.81-5.35c-1.442-1.322-3.587-1.64-5.647-1.64c-3.573%200-5.292%201.015-6.09%201.706a.54.54%200%200%201-.629.07L3.844%209.158a.805.805%200%200%200-1.039.192l-.63.792a.8.8%200%200%200-.005.987%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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