Beer Mug icon
icon-park:beer-mug
The Beer Mug icon (icon-park:beer-mug) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
- Tags
- beermug
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" 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>
How to use the Beer Mug icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:beer-mug" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:beer-mug" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:beer-mug" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--beer-mug]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:beer-mug"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:beer-mug"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/beer-mug.svg" alt="Beer Mug icon" width="24" height="24">
Related icons in IconPark
Beer Mug icon in other icon sets
Beer Mug icon FAQ
Is the Beer Mug icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Beer Mug icon in React?
Install @iconify/react and render <Icon icon="icon-park:beer-mug" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Beer Mug icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/beer-mug.svg" alt="Beer Mug icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
