The Tabler cup icon depicts a simple drinking vessel, commonly used in UIs to represent food and drink-related options, ordering, or consumption.
Common uses
- Food ordering menu item
- Beverage selection
- Cafe or restaurant section
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCup } from '@tabler/icons-react';
<IconCup size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- coffeedrinkwaterfoodcupmealcuisineeatingnutritionculinarymugbeverage
FAQ
- What is the cup icon used for?
- It represents food, drinks, or beverages. It's useful for menus, ordering systems, or sections related to cafes and restaurants.
- How do I use the cup icon in React?
- You can import it directly from the '@tabler/icons-react' library like this: import { IconCup } from '@tabler/icons-react'.
- What is the license for the Tabler cup icon?
- The Tabler icons, including the cup icon, are available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →