The HugeIcons tea pod icon visually represents a tea bag or tea infuser, commonly used to signify tea-related actions, products, or settings within an application.
Common uses
- Add to a 'Tea' or 'Beverages' category filter.
- Use as a button for 'Brew Tea' functionality.
- Display next to a tea product listing.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { TeaPodIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={TeaPodIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- tea bag iconinfuser icontea time iconbrew icon
FAQ
- What does the TeaPodIcon represent?
- The TeaPodIcon depicts a tea pod, often used to represent tea bags or infusers. It's useful for indicating tea-related options or items.
- How do I use the TeaPodIcon in React?
- Import both HugeiconsIcon and TeaPodIcon, then render it using <HugeiconsIcon icon={TeaPodIcon} />. Ensure you have the correct imports: import { HugeiconsIcon } from '@hugeicons/react'; import { TeaPodIcon } from '@hugeicons/core-free-icons';
- What is the license for this icon?
- The TeaPodIcon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in 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 →