What does the beer icon represent?

It visually represents a mug of beer, suitable for food, drink, or bar-related contexts.

How do I use the beer icon in React?

Import it using `import { IconBeer } from '@tabler/icons-react'` and use it as a component: ` `.

What is the license for the Tabler beer icon?

The Tabler icon library, including the beer icon, is distributed under the MIT license.

beer icon

Tabler · beer · MIT

The Tabler beer icon depicts a frothy mug of beer, commonly used to represent food and drink-related categories, ordering options, or specific menu items.

Common uses

Food and drink category filter
Link to a bar or pub page
Representing a beer product

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconBeer } from '@tabler/icons-react';

<IconBeer size={24} stroke={2} />

Styles

Tabler ships this icon in 2 styles — each its own import:

outline

<IconBeer size={24} stroke={2} />

filled

<IconBeerFilled size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Food
Keywords: alcoholdrinkbeveragebarpubbeermealcuisineeatingnutritionfoodmug

FAQ

What does the beer icon represent?: It visually represents a mug of beer, suitable for food, drink, or bar-related contexts.
How do I use the beer icon in React?: Import it using `import { IconBeer } from '@tabler/icons-react'` and use it as a component: `<IconBeer />`.
What is the license for the Tabler beer icon?: The Tabler icon library, including the beer icon, is distributed under the MIT license.

Related icons

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

lucide 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 →