beer mug icon

beer-mug from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.

Name: beer-mug
Set: IconPark
Style: Color
Category: Foods
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

beer-mugEmoji One (Colored)beer-mugFluent Emoji beer-mugFluent Emoji Flat beer-mugFluent Emoji High Contrast beer-mugIconPark Outline beer-mugIconPark Solid beer-mugIconPark TwoTone beer-mugNoto Emoji beer-mugOpenMoji beer-mugStreamline Emojis beer-mugTwitter Emoji

More foods icons from IconPark

apple-one avocado avocado-one banana barbecue beer birthday-cake bone bottle-one bottle-three bottle-two bowl bowl-one bread bread-machine bread-one cake cake-five cake-four cake-one cake-three cake-two candy canned-fruit

Use the beer mug icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M16 37.2414C16 39.1724 16.8571 44 28 44C39.1429 44 40 39.1724 40 37.2414C40 35.3103 40 16 40 16H28H16C16 16 16 35.3103 16 37.2414Z"/><path stroke="#fff" stroke-linecap="round" d="M25 23V37"/><path stroke="#fff" stroke-linecap="round" d="M31 23V37"/><path stroke="#000" d="M15.9983 16C15.9983 16 13.9992 11.5 16.9988 9C19.9983 6.5 22.9991 8 22.9991 8C22.9991 8 23.9983 4 27.9991 4C32 4 32.9985 8 32.9985 8C32.9985 8 36.5 6.5 39 9C41.5 11.5 39.9985 16 39.9985 16"/><path stroke="#000" d="M16 19H6C6 19 7 29 7.9991 32C8.99821 35 16 34 16 34"/></g></svg>

React

import type { SVGProps } from "react";

export function IconParkBeerMug(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" stroke="#000" d="M16 37.2414C16 39.1724 16.8571 44 28 44C39.1429 44 40 39.1724 40 37.2414C40 35.3103 40 16 40 16H28H16C16 16 16 35.3103 16 37.2414Z"/><path stroke="#fff" strokeLinecap="round" d="M25 23V37"/><path stroke="#fff" strokeLinecap="round" d="M31 23V37"/><path stroke="#000" d="M15.9983 16C15.9983 16 13.9992 11.5 16.9988 9C19.9983 6.5 22.9991 8 22.9991 8C22.9991 8 23.9983 4 27.9991 4C32 4 32.9985 8 32.9985 8C32.9985 8 36.5 6.5 39 9C41.5 11.5 39.9985 16 39.9985 16"/><path stroke="#000" d="M16 19H6C6 19 7 29 7.9991 32C8.99821 35 16 34 16 34"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M16 37.2414C16 39.1724 16.8571 44 28 44C39.1429 44 40 39.1724 40 37.2414C40 35.3103 40 16 40 16H28H16C16 16 16 35.3103 16 37.2414Z"/><path stroke="#fff" stroke-linecap="round" d="M25 23V37"/><path stroke="#fff" stroke-linecap="round" d="M31 23V37"/><path stroke="#000" d="M15.9983 16C15.9983 16 13.9992 11.5 16.9988 9C19.9983 6.5 22.9991 8 22.9991 8C22.9991 8 23.9983 4 27.9991 4C32 4 32.9985 8 32.9985 8C32.9985 8 36.5 6.5 39 9C41.5 11.5 39.9985 16 39.9985 16"/><path stroke="#000" d="M16 19H6C6 19 7 29 7.9991 32C8.99821 35 16 34 16 34"/></g></svg>
</template>

CSS

.icon-beer-mug {
  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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M16%2037.2414C16%2039.1724%2016.8571%2044%2028%2044C39.1429%2044%2040%2039.1724%2040%2037.2414C40%2035.3103%2040%2016%2040%2016H28H16C16%2016%2016%2035.3103%2016%2037.2414Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M25%2023V37%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M31%2023V37%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M15.9983%2016C15.9983%2016%2013.9992%2011.5%2016.9988%209C19.9983%206.5%2022.9991%208%2022.9991%208C22.9991%208%2023.9983%204%2027.9991%204C32%204%2032.9985%208%2032.9985%208C32.9985%208%2036.5%206.5%2039%209C41.5%2011.5%2039.9985%2016%2039.9985%2016%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M16%2019H6C6%2019%207%2029%207.9991%2032C8.99821%2035%2016%2034%2016%2034%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M16%2037.2414C16%2039.1724%2016.8571%2044%2028%2044C39.1429%2044%2040%2039.1724%2040%2037.2414C40%2035.3103%2040%2016%2040%2016H28H16C16%2016%2016%2035.3103%2016%2037.2414Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M25%2023V37%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22M31%2023V37%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M15.9983%2016C15.9983%2016%2013.9992%2011.5%2016.9988%209C19.9983%206.5%2022.9991%208%2022.9991%208C22.9991%208%2023.9983%204%2027.9991%204C32%204%2032.9985%208%2032.9985%208C32.9985%208%2036.5%206.5%2039%209C41.5%2011.5%2039.9985%2016%2039.9985%2016%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M16%2019H6C6%2019%207%2029%207.9991%2032C8.99821%2035%2016%2034%2016%2034%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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