beer icon

beer from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name: beer
Set: Jam Icons
Style: Outline
Viewbox: 24×24
License: MIT

1 other variant in Jam Icons

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 beerLine Awesome beerMaterial Line Icons beerLucide beerMaterial Design Icons beer-fillRemix Icon beerTabler Icons beerTDesign Icons

Use the beer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -3 24 24"><path fill="currentColor" d="M2 6v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V6zm10 0h1a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3h-1a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2m0 2v5h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zM4 8a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1M6.5 0A4.5 4.5 0 0 1 11 4.5v1.509H0V4.5a3.5 3.5 0 0 1 3.667-3.496A4.48 4.48 0 0 1 6.5 0M2 4h7a2 2 0 0 0-2-2H6a2 2 0 0 0-1.75 1.031A1 1 0 0 0 4 3H3a1 1 0 0 0-1 1"/></svg>

React

import type { SVGProps } from "react";

export function JamBeer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -3 24 24"><path fill="currentColor" d="M2 6v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V6zm10 0h1a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3h-1a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2m0 2v5h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zM4 8a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1M6.5 0A4.5 4.5 0 0 1 11 4.5v1.509H0V4.5a3.5 3.5 0 0 1 3.667-3.496A4.48 4.48 0 0 1 6.5 0M2 4h7a2 2 0 0 0-2-2H6a2 2 0 0 0-1.75 1.031A1 1 0 0 0 4 3H3a1 1 0 0 0-1 1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -3 24 24"><path fill="currentColor" d="M2 6v9a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V6zm10 0h1a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3h-1a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2m0 2v5h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1zM4 8a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1M6.5 0A4.5 4.5 0 0 1 11 4.5v1.509H0V4.5a3.5 3.5 0 0 1 3.667-3.496A4.48 4.48 0 0 1 6.5 0M2 4h7a2 2 0 0 0-2-2H6a2 2 0 0 0-1.75 1.031A1 1 0 0 0 4 3H3a1 1 0 0 0-1 1"/></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%22-4%20-3%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%206v9a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1V6zm10%200h1a3%203%200%200%201%203%203v3a3%203%200%200%201-3%203h-1a3%203%200%200%201-3%203H3a3%203%200%200%201-3-3V6a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202m0%202v5h1a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1zM4%208a1%201%200%200%201%201%201v4a1%201%200%200%201-2%200V9a1%201%200%200%201%201-1m4%200a1%201%200%200%201%201%201v4a1%201%200%200%201-2%200V9a1%201%200%200%201%201-1M6.5%200A4.5%204.5%200%200%201%2011%204.5v1.509H0V4.5a3.5%203.5%200%200%201%203.667-3.496A4.48%204.48%200%200%201%206.5%200M2%204h7a2%202%200%200%200-2-2H6a2%202%200%200%200-1.75%201.031A1%201%200%200%200%204%203H3a1%201%200%200%200-1%201%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%22-4%20-3%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%206v9a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1V6zm10%200h1a3%203%200%200%201%203%203v3a3%203%200%200%201-3%203h-1a3%203%200%200%201-3%203H3a3%203%200%200%201-3-3V6a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202m0%202v5h1a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1zM4%208a1%201%200%200%201%201%201v4a1%201%200%200%201-2%200V9a1%201%200%200%201%201-1m4%200a1%201%200%200%201%201%201v4a1%201%200%200%201-2%200V9a1%201%200%200%201%201-1M6.5%200A4.5%204.5%200%200%201%2011%204.5v1.509H0V4.5a3.5%203.5%200%200%201%203.667-3.496A4.48%204.48%200%200%201%206.5%200M2%204h7a2%202%200%200%200-2-2H6a2%202%200%200%200-1.75%201.031A1%201%200%200%200%204%203H3a1%201%200%200%200-1%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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