What does the tea icon represent?

It visually represents a cup of tea, often used for beverage-related choices or to evoke a sense of warmth and relaxation.

How do I use the TeaIcon in React?

Import both HugeiconsIcon and TeaIcon, then render it using .

What is the license for this icon?

The TeaIcon is part of the HugeIcons library and is available under the MIT license.

tea icon

HugeIcons · TeaIcon · MIT

Download SVG

The HugeIcons tea icon depicts a steaming cup of tea, commonly used to represent beverage options, break times, or a warm, comforting element in UI designs.

Common uses

Beverage selection in a menu
Indicate a 'tea break' feature
Represent a cafe or tea shop

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { TeaIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={TeaIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: cuphot drinkbeveragecoffee

FAQ

What does the tea icon represent?: It visually represents a cup of tea, often used for beverage-related choices or to evoke a sense of warmth and relaxation.
How do I use the TeaIcon in React?: Import both HugeiconsIcon and TeaIcon, then render it using <HugeiconsIcon icon={TeaIcon} />.
What is the license for this icon?: The TeaIcon is part of the HugeIcons library and is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

hugeicons hugeicons hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →