Tea Cup icon in outline, twotone, bold and bulk. Free in all four styles, for menus, recipes, delivery, cafe, restaurant. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconTeaCup } from "@devigner-ui/icons";
<IconTeaCup className="size-6" />
<script setup>
import { IconTeaCup } from "@devigner-ui/icons-vue";
</script>
<template>
<IconTeaCup class="size-6" />
</template>
<script>
import { IconTeaCup } from "@devigner-ui/icons-svelte";
</script>
<IconTeaCup class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.32 12.7a5 5 0 0 1-.07-.82 2 2 0 0 1 1.65-1.85c.17-.03.39-.03.82-.03h10.56c.43 0 .65 0 .82.03a2 2 0 0 1 1.65 1.85c0 .18-.02.4-.07.82l-.4 3.43A5.5 5.5 0 0 1 11.81 21H8.19a5.5 5.5 0 0 1-5.47-4.87z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M17 17h2a3 3 0 1 0 0-6h-1.5" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M10 2a1.4 1.4 0 0 0 0 2c.55.55.55 1.45 0 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m5 7.5.12-.12c.5-.5.56-1.3.13-1.88a1.44 1.44 0 0 1 .13-1.88l.12-.12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m14.5 7.5.12-.12c.5-.5.56-1.3.13-1.88a1.44 1.44 0 0 1 .13-1.88L15 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>