beer mug emoji

beer-mug from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.

Name: beer-mug
Set: OpenMoji
Style: Default
Category: Food Drink
Viewbox: 72×72
License: CC BY-SA 4.0

The same emoji in other sets

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

More food drink icons from OpenMoji

Use the beer mug emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M19 23.23h30v36.386H19z"/><path fill="#f1b31c" d="M40.526 23.23L33 59.616h16V23.23z"/><path fill="#fff" d="M44.193 15.4a5.4 5.4 0 0 0-3.458 1.258c-.938-1.938-2.834-3.267-5.026-3.269c-.8 0-1.56.178-2.251.496c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405 2.205-5.996 5.15a4.4 4.4 0 0 0-1.079-.146c-2.603-.002-4.716 2.24-4.718 5.006l-.006 8.015c-.001 1.103.847 2.005 1.884 2.006h.943c1.037.001 1.886-.9 1.887-2.002l.001-1.6a3.56 3.56 0 0 0 1.95.6l1.854.001c1.203.001 2.266-.614 2.959-1.552c1.025 1.543 2.712 2.559 4.615 2.56c3.111.003 5.66-2.7 5.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.004-3.32-2.527-6.014-5.652-6.016"/><path fill="#fff" d="M19.807 24.808c.002-2.689 2.115-4.867 4.718-4.865c.372 0 .73.056 1.079.14c.59-2.86 3.05-5.005 5.997-5.003c1.959.002 3.699.956 4.818 2.434a5.5 5.5 0 0 1 2.252-.481c2.192.002 4.088 1.293 5.025 3.176a5.5 5.5 0 0 1 3.459-1.222c.53 0 1.04.081 1.526.222c-.769-2.28-2.863-3.92-5.334-3.923a5.5 5.5 0 0 0-3.458 1.222c-.938-1.882-2.834-3.174-5.026-3.175c-.8-.001-1.56.172-2.251.48c-1.12-1.477-2.86-2.432-4.82-2.433c-2.946-.002-5.406 2.143-5.996 5.004a4.5 4.5 0 0 0-1.079-.141c-2.603-.002-4.716 2.176-4.718 4.864l-.006 7.79c-.001 1.07.847 1.947 1.884 1.948h.943c.36.001.695-.11.982-.293z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="2" d="M49.5 50.5h6c2.2 0 4-1.8 4-4v-14c0-2.2-1.8-4-4-4h-6"/><path stroke-width="2.018" d="M38.594 23.23H49V60H20V39.635"/><path stroke-width="2" d="M20.252 31.312c.753-.262 1.3-1.018 1.301-1.903l.001-1.599a3.56 3.56 0 0 0 1.95.599l1.854.001c1.203.001 2.266-.614 2.959-1.552c1.025 1.543 2.712 2.559 4.615 2.56c3.111.003 5.66-2.7 5.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.003-3.32-2.527-6.014-5.652-6.016a5.4 5.4 0 0 0-3.458 1.258c-.938-1.938-2.834-3.267-5.026-3.268c-.8-.001-1.56.177-2.251.495c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405 2.205-5.996 5.15a4.4 4.4 0 0 0-1.079-.146c-2.603-.002-4.716 2.24-4.718 5.006l-.006 8.016c-.001 1.102.847 2.004 1.884 2.005h.943q.307 0 .585-.099"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiBeerMug(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M19 23.23h30v36.386H19z"/><path fill="#f1b31c" d="M40.526 23.23L33 59.616h16V23.23z"/><path fill="#fff" d="M44.193 15.4a5.4 5.4 0 0 0-3.458 1.258c-.938-1.938-2.834-3.267-5.026-3.269c-.8 0-1.56.178-2.251.496c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405 2.205-5.996 5.15a4.4 4.4 0 0 0-1.079-.146c-2.603-.002-4.716 2.24-4.718 5.006l-.006 8.015c-.001 1.103.847 2.005 1.884 2.006h.943c1.037.001 1.886-.9 1.887-2.002l.001-1.6a3.56 3.56 0 0 0 1.95.6l1.854.001c1.203.001 2.266-.614 2.959-1.552c1.025 1.543 2.712 2.559 4.615 2.56c3.111.003 5.66-2.7 5.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.004-3.32-2.527-6.014-5.652-6.016"/><path fill="#fff" d="M19.807 24.808c.002-2.689 2.115-4.867 4.718-4.865c.372 0 .73.056 1.079.14c.59-2.86 3.05-5.005 5.997-5.003c1.959.002 3.699.956 4.818 2.434a5.5 5.5 0 0 1 2.252-.481c2.192.002 4.088 1.293 5.025 3.176a5.5 5.5 0 0 1 3.459-1.222c.53 0 1.04.081 1.526.222c-.769-2.28-2.863-3.92-5.334-3.923a5.5 5.5 0 0 0-3.458 1.222c-.938-1.882-2.834-3.174-5.026-3.175c-.8-.001-1.56.172-2.251.48c-1.12-1.477-2.86-2.432-4.82-2.433c-2.946-.002-5.406 2.143-5.996 5.004a4.5 4.5 0 0 0-1.079-.141c-2.603-.002-4.716 2.176-4.718 4.864l-.006 7.79c-.001 1.07.847 1.947 1.884 1.948h.943c.36.001.695-.11.982-.293z"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10"><path strokeWidth="2" d="M49.5 50.5h6c2.2 0 4-1.8 4-4v-14c0-2.2-1.8-4-4-4h-6"/><path strokeWidth="2.018" d="M38.594 23.23H49V60H20V39.635"/><path strokeWidth="2" d="M20.252 31.312c.753-.262 1.3-1.018 1.301-1.903l.001-1.599a3.56 3.56 0 0 0 1.95.599l1.854.001c1.203.001 2.266-.614 2.959-1.552c1.025 1.543 2.712 2.559 4.615 2.56c3.111.003 5.66-2.7 5.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.003-3.32-2.527-6.014-5.652-6.016a5.4 5.4 0 0 0-3.458 1.258c-.938-1.938-2.834-3.267-5.026-3.268c-.8-.001-1.56.177-2.251.495c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405 2.205-5.996 5.15a4.4 4.4 0 0 0-1.079-.146c-2.603-.002-4.716 2.24-4.718 5.006l-.006 8.016c-.001 1.102.847 2.004 1.884 2.005h.943q.307 0 .585-.099"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M19 23.23h30v36.386H19z"/><path fill="#f1b31c" d="M40.526 23.23L33 59.616h16V23.23z"/><path fill="#fff" d="M44.193 15.4a5.4 5.4 0 0 0-3.458 1.258c-.938-1.938-2.834-3.267-5.026-3.269c-.8 0-1.56.178-2.251.496c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405 2.205-5.996 5.15a4.4 4.4 0 0 0-1.079-.146c-2.603-.002-4.716 2.24-4.718 5.006l-.006 8.015c-.001 1.103.847 2.005 1.884 2.006h.943c1.037.001 1.886-.9 1.887-2.002l.001-1.6a3.56 3.56 0 0 0 1.95.6l1.854.001c1.203.001 2.266-.614 2.959-1.552c1.025 1.543 2.712 2.559 4.615 2.56c3.111.003 5.66-2.7 5.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.004-3.32-2.527-6.014-5.652-6.016"/><path fill="#fff" d="M19.807 24.808c.002-2.689 2.115-4.867 4.718-4.865c.372 0 .73.056 1.079.14c.59-2.86 3.05-5.005 5.997-5.003c1.959.002 3.699.956 4.818 2.434a5.5 5.5 0 0 1 2.252-.481c2.192.002 4.088 1.293 5.025 3.176a5.5 5.5 0 0 1 3.459-1.222c.53 0 1.04.081 1.526.222c-.769-2.28-2.863-3.92-5.334-3.923a5.5 5.5 0 0 0-3.458 1.222c-.938-1.882-2.834-3.174-5.026-3.175c-.8-.001-1.56.172-2.251.48c-1.12-1.477-2.86-2.432-4.82-2.433c-2.946-.002-5.406 2.143-5.996 5.004a4.5 4.5 0 0 0-1.079-.141c-2.603-.002-4.716 2.176-4.718 4.864l-.006 7.79c-.001 1.07.847 1.947 1.884 1.948h.943c.36.001.695-.11.982-.293z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="2" d="M49.5 50.5h6c2.2 0 4-1.8 4-4v-14c0-2.2-1.8-4-4-4h-6"/><path stroke-width="2.018" d="M38.594 23.23H49V60H20V39.635"/><path stroke-width="2" d="M20.252 31.312c.753-.262 1.3-1.018 1.301-1.903l.001-1.599a3.56 3.56 0 0 0 1.95.599l1.854.001c1.203.001 2.266-.614 2.959-1.552c1.025 1.543 2.712 2.559 4.615 2.56c3.111.003 5.66-2.7 5.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.003-3.32-2.527-6.014-5.652-6.016a5.4 5.4 0 0 0-3.458 1.258c-.938-1.938-2.834-3.267-5.026-3.268c-.8-.001-1.56.177-2.251.495c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405 2.205-5.996 5.15a4.4 4.4 0 0 0-1.079-.146c-2.603-.002-4.716 2.24-4.718 5.006l-.006 8.016c-.001 1.102.847 2.004 1.884 2.005h.943q.307 0 .585-.099"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M19%2023.23h30v36.386H19z%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M40.526%2023.23L33%2059.616h16V23.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.193%2015.4a5.4%205.4%200%200%200-3.458%201.258c-.938-1.938-2.834-3.267-5.026-3.269c-.8%200-1.56.178-2.251.496c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405%202.205-5.996%205.15a4.4%204.4%200%200%200-1.079-.146c-2.603-.002-4.716%202.24-4.718%205.006l-.006%208.015c-.001%201.103.847%202.005%201.884%202.006h.943c1.037.001%201.886-.9%201.887-2.002l.001-1.6a3.56%203.56%200%200%200%201.95.6l1.854.001c1.203.001%202.266-.614%202.959-1.552c1.025%201.543%202.712%202.559%204.615%202.56c3.111.003%205.66-2.7%205.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.004-3.32-2.527-6.014-5.652-6.016%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.807%2024.808c.002-2.689%202.115-4.867%204.718-4.865c.372%200%20.73.056%201.079.14c.59-2.86%203.05-5.005%205.997-5.003c1.959.002%203.699.956%204.818%202.434a5.5%205.5%200%200%201%202.252-.481c2.192.002%204.088%201.293%205.025%203.176a5.5%205.5%200%200%201%203.459-1.222c.53%200%201.04.081%201.526.222c-.769-2.28-2.863-3.92-5.334-3.923a5.5%205.5%200%200%200-3.458%201.222c-.938-1.882-2.834-3.174-5.026-3.175c-.8-.001-1.56.172-2.251.48c-1.12-1.477-2.86-2.432-4.82-2.433c-2.946-.002-5.406%202.143-5.996%205.004a4.5%204.5%200%200%200-1.079-.141c-2.603-.002-4.716%202.176-4.718%204.864l-.006%207.79c-.001%201.07.847%201.947%201.884%201.948h.943c.36.001.695-.11.982-.293z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M49.5%2050.5h6c2.2%200%204-1.8%204-4v-14c0-2.2-1.8-4-4-4h-6%22%2F%3E%3Cpath%20stroke-width%3D%222.018%22%20d%3D%22M38.594%2023.23H49V60H20V39.635%22%2F%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M20.252%2031.312c.753-.262%201.3-1.018%201.301-1.903l.001-1.599a3.56%203.56%200%200%200%201.95.599l1.854.001c1.203.001%202.266-.614%202.959-1.552c1.025%201.543%202.712%202.559%204.615%202.56c3.111.003%205.66-2.7%205.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.003-3.32-2.527-6.014-5.652-6.016a5.4%205.4%200%200%200-3.458%201.258c-.938-1.938-2.834-3.267-5.026-3.268c-.8-.001-1.56.177-2.251.495c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405%202.205-5.996%205.15a4.4%204.4%200%200%200-1.079-.146c-2.603-.002-4.716%202.24-4.718%205.006l-.006%208.016c-.001%201.102.847%202.004%201.884%202.005h.943q.307%200%20.585-.099%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M19%2023.23h30v36.386H19z%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20d%3D%22M40.526%2023.23L33%2059.616h16V23.23z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.193%2015.4a5.4%205.4%200%200%200-3.458%201.258c-.938-1.938-2.834-3.267-5.026-3.269c-.8%200-1.56.178-2.251.496c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405%202.205-5.996%205.15a4.4%204.4%200%200%200-1.079-.146c-2.603-.002-4.716%202.24-4.718%205.006l-.006%208.015c-.001%201.103.847%202.005%201.884%202.006h.943c1.037.001%201.886-.9%201.887-2.002l.001-1.6a3.56%203.56%200%200%200%201.95.6l1.854.001c1.203.001%202.266-.614%202.959-1.552c1.025%201.543%202.712%202.559%204.615%202.56c3.111.003%205.66-2.7%205.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.004-3.32-2.527-6.014-5.652-6.016%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.807%2024.808c.002-2.689%202.115-4.867%204.718-4.865c.372%200%20.73.056%201.079.14c.59-2.86%203.05-5.005%205.997-5.003c1.959.002%203.699.956%204.818%202.434a5.5%205.5%200%200%201%202.252-.481c2.192.002%204.088%201.293%205.025%203.176a5.5%205.5%200%200%201%203.459-1.222c.53%200%201.04.081%201.526.222c-.769-2.28-2.863-3.92-5.334-3.923a5.5%205.5%200%200%200-3.458%201.222c-.938-1.882-2.834-3.174-5.026-3.175c-.8-.001-1.56.172-2.251.48c-1.12-1.477-2.86-2.432-4.82-2.433c-2.946-.002-5.406%202.143-5.996%205.004a4.5%204.5%200%200%200-1.079-.141c-2.603-.002-4.716%202.176-4.718%204.864l-.006%207.79c-.001%201.07.847%201.947%201.884%201.948h.943c.36.001.695-.11.982-.293z%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M49.5%2050.5h6c2.2%200%204-1.8%204-4v-14c0-2.2-1.8-4-4-4h-6%22%2F%3E%3Cpath%20stroke-width%3D%222.018%22%20d%3D%22M38.594%2023.23H49V60H20V39.635%22%2F%3E%3Cpath%20stroke-width%3D%222%22%20d%3D%22M20.252%2031.312c.753-.262%201.3-1.018%201.301-1.903l.001-1.599a3.56%203.56%200%200%200%201.95.599l1.854.001c1.203.001%202.266-.614%202.959-1.552c1.025%201.543%202.712%202.559%204.615%202.56c3.111.003%205.66-2.7%205.662-6.007l10.921.009c.21-.627.33-1.3.33-2.004c.003-3.32-2.527-6.014-5.652-6.016a5.4%205.4%200%200%200-3.458%201.258c-.938-1.938-2.834-3.267-5.026-3.268c-.8-.001-1.56.177-2.251.495c-1.12-1.521-2.86-2.503-4.82-2.505c-2.946-.002-5.405%202.205-5.996%205.15a4.4%204.4%200%200%200-1.079-.146c-2.603-.002-4.716%202.24-4.718%205.006l-.006%208.016c-.001%201.102.847%202.004%201.884%202.005h.943q.307%200%20.585-.099%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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