beer icon

beer from Material Design Icons by Pictogrammers · Filled · Food / Drink · Apache-2.0 Free for personal and commercial use.

Name: beer
Set: Material Design Icons
Style: Filled
Category: Food / Drink
Viewbox: 24×24
License: Apache 2.0
Aliases: bar, cup-full, drink, pint, pub

1 other variant in Material Design Icons

beer-outline

The same icon in other sets

beerBoxIcons v2 beerBoxIcons v2 Solid beerFont Awesome Solid beerHuge Icons beerHumbleicons beerIconPark beerIconPark Outline beerIconPark Solid beerIconPark TwoTone beerIonIcons beerJam Icons beerLine Awesome beerMaterial Line Icons beerLucide beer-fillRemix Icon beerTabler Icons beerTDesign Icons

More food / drink icons from Material Design Icons

Use the beer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 2h15l-2 20H6zm2.2 2l1.6 16h1L7.43 6.34C8.5 6 9.89 5.89 11 7c1.56 1.56 4.33.69 5.5.23L16.8 4z"/></svg>

React

import type { SVGProps } from "react";

export function MdiBeer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 2h15l-2 20H6zm2.2 2l1.6 16h1L7.43 6.34C8.5 6 9.89 5.89 11 7c1.56 1.56 4.33.69 5.5.23L16.8 4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 2h15l-2 20H6zm2.2 2l1.6 16h1L7.43 6.34C8.5 6 9.89 5.89 11 7c1.56 1.56 4.33.69 5.5.23L16.8 4z"/></svg>
</template>

CSS

.icon-beer {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%202h15l-2%2020H6zm2.2%202l1.6%2016h1L7.43%206.34C8.5%206%209.89%205.89%2011%207c1.56%201.56%204.33.69%205.5.23L16.8%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%202h15l-2%2020H6zm2.2%202l1.6%2016h1L7.43%206.34C8.5%206%209.89%205.89%2011%207c1.56%201.56%204.33.69%205.5.23L16.8%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/beer.svg?color=%231a73e8&size=48