beer icon

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

Name: beer-f
Set: Jam Icons
Style: Filled
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="M12 15a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6h13a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3zM.035 4a3.5 3.5 0 0 1 3.632-2.996A4.5 4.5 0 0 1 10.973 4zM4 8a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0v5h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/></svg>

React

import type { SVGProps } from "react";

export function JamBeerF(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="M12 15a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6h13a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3zM.035 4a3.5 3.5 0 0 1 3.632-2.996A4.5 4.5 0 0 1 10.973 4zM4 8a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0v5h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -3 24 24"><path fill="currentColor" d="M12 15a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6h13a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3zM.035 4a3.5 3.5 0 0 1 3.632-2.996A4.5 4.5 0 0 1 10.973 4zM4 8a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V9a1 1 0 0 0-1-1m4 0v5h1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/></svg>
</template>

CSS

.icon-beer-f {
  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%22M12%2015a3%203%200%200%201-3%203H3a3%203%200%200%201-3-3V6h13a3%203%200%200%201%203%203v3a3%203%200%200%201-3%203zM.035%204a3.5%203.5%200%200%201%203.632-2.996A4.5%204.5%200%200%201%2010.973%204zM4%208a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200V9a1%201%200%200%200-1-1m4%200a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200V9a1%201%200%200%200-1-1m4%200v5h1a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1z%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%22M12%2015a3%203%200%200%201-3%203H3a3%203%200%200%201-3-3V6h13a3%203%200%200%201%203%203v3a3%203%200%200%201-3%203zM.035%204a3.5%203.5%200%200%201%203.632-2.996A4.5%204.5%200%200%201%2010.973%204zM4%208a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200V9a1%201%200%200%200-1-1m4%200a1%201%200%200%200-1%201v4a1%201%200%200%200%202%200V9a1%201%200%200%200-1-1m4%200v5h1a1%201%200%200%200%201-1V9a1%201%200%200%200-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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