Beermug icon
fxemoji:beermug
The Beermug icon (fxemoji:beermug) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji 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
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#F2A74E" d="M429.01 434.037h-59.559c-31.505 0-57.137-25.632-57.137-57.137V231.269c0-31.505 25.632-57.137 57.137-57.137h59.559c31.505 0 57.137 25.631 57.137 57.137V376.9c-.001 31.505-25.632 57.137-57.137 57.137m-59.559-217.632c-8.195 0-14.863 6.667-14.863 14.863V376.9c0 8.195 6.668 14.863 14.863 14.863h59.559c8.195 0 14.863-6.668 14.863-14.863V231.269c0-8.196-6.668-14.863-14.863-14.863h-59.559z"/><path fill="#F9CB3A" d="m391.489 146.472l-11.511 287.777l-.986 52.272c0 14.258-60.831 25.817-135.87 25.817s-135.87-11.559-135.87-25.817l-.993-53.612h.08L94.882 146.472c-.832-20.791 15.798-38.099 36.606-38.099h223.396c20.807 0 37.437 17.308 36.605 38.099"/><path fill="#F2A74E" d="M168.541 463.002c-7.931 0-14.52-6.261-14.851-14.259l-10.254-247.755c-.34-8.208 6.039-15.137 14.246-15.477c8.227-.338 15.137 6.039 15.477 14.246l10.254 247.755c.34 8.208-6.039 15.137-14.246 15.477q-.315.013-.626.013m164.14-14.259l10.254-247.755c.34-8.208-6.038-15.137-14.246-15.477c-8.222-.346-15.137 6.039-15.477 14.246l-10.254 247.755c-.34 8.208 6.038 15.137 14.246 15.477q.315.013.626.013c7.931 0 14.52-6.261 14.851-14.259m-72.729-.615V195.269c0-8.215-6.659-14.874-14.874-14.874s-14.874 6.659-14.874 14.874v252.859c0 8.215 6.659 14.874 14.874 14.874s14.874-6.659 14.874-14.874"/><path fill="#F7EAD7" d="M427.19 130.058c0 23.112-18.736 41.848-41.848 41.848c-15.129 0-28.381-8.03-35.732-20.059a62.45 62.45 0 0 1-33.386 9.625c-15.423 0-29.538-5.572-40.465-14.801a72 72 0 0 1-3.054 1.119c.079 1.293.133 2.593.133 3.907c0 34.665-28.102 62.767-62.767 62.767c-30.008 0-55.083-21.065-61.282-49.21a62.6 62.6 0 0 1-23.031 4.38c-34.665 0-62.767-28.102-62.767-62.767S91.093 44.1 125.758 44.1c0-23.112 18.736-41.848 41.848-41.848c15.129 0 28.381 8.03 35.732 20.059c12.518-10.158 28.466-16.254 45.844-16.254c24.38 0 45.946 11.994 59.163 30.39a63 63 0 0 1 7.881-.51c31.304 0 57.249 22.919 61.987 52.89a42 42 0 0 1 7.131-.618c23.11.001 41.846 18.737 41.846 41.849"/></svg>How to use the Beermug icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:beermug" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:beermug" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:beermug" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--beermug]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:beermug"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:beermug"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/beermug.svg" alt="Beermug icon" width="24" height="24">Beermug icon FAQ
Is the Beermug icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Beermug icon in React?
Install @iconify/react and render <Icon icon="fxemoji:beermug" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Beermug icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/beermug.svg" alt="Beermug icon">, or paste the SVG code inline to style it with CSS.