The Tabler bottle icon depicts a container for liquids, commonly used in UIs to represent items related to beverages, drinks, or storage of consumables.
Common uses
- Representing a beverage product in an e-commerce listing.
- Indicating a 'drinks' or 'beverages' category in a menu.
- Showing a quantity or type of liquid in a recipe or nutrition app.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBottle } from '@tabler/icons-react';
<IconBottle size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBottle size={24} stroke={2} />filled
<IconBottleFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- waterdrinkbeerenergywinebottlemealcuisineeatingnutritionfoodbeveragecontainerliquid
FAQ
- What does the bottle icon represent?
- It represents a bottle, typically used for liquids like water, beer, wine, or other beverages. In UI, it signifies drinks or consumable liquids.
- How do I use the bottle icon in React?
- You can import and use it directly in your React components like this: import { IconBottle } from '@tabler/icons-react'; <IconBottle />
- What is the license for the Tabler bottle icon?
- The Tabler icons, including the bottle icon, are available under the MIT license, allowing for free commercial and non-commercial use.
Related icons
The same idea in other libraries, and near matches in Tabler.