Clinking Beer Mugs icon
noto-v1:clinking-beer-mugs
The Clinking Beer Mugs icon (noto-v1:clinking-beer-mugs) is a free SVG icon from the Noto Emoji (v1) set by Google Inc. It is drawn on a 128 × 128 grid. Noto Emoji (v1) 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
- Noto Emoji (v1)
- Author
- Google Inc
- License
- Apache-2.0
- Size
- 128 × 128
- Category
- Food & Drink
- Tags
- clinkingbeer, beermugs, clinkingbeermugs, mug
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#ff6f00" d="M76 7.95L71.51 19.3c-.37.93-1.74.77-1.87-.23l-1.62-12.1c-.08-.63.45-1.18 1.08-1.1l6.11.75c.63.08 1.02.74.79 1.33m11.92 12.03l-11.59 3.81c-.95.31-1.7-.85-1.02-1.59l8.26-8.98a.976.976 0 0 1 1.54.13l3.33 5.17c.34.54.09 1.26-.52 1.46m-28-10.3l5.52 10.88c.45.9-.58 1.81-1.41 1.25l-10.13-6.8a.974.974 0 0 1-.1-1.54l4.61-4.08c.47-.43 1.22-.28 1.51.29"/><g fill="#e0e0e0"><path d="m24.04 39.29l-3.25-.17l-4.14 47.74c-.8 8 10.5 12.22 21.39 13.32l5.92-58.89z"/><path d="m63.86 43.3l3.22.48l-5.44 47.61c-.8 8-12.72 9.89-23.61 8.8l5.92-58.89z"/></g><path fill="#fafafa" d="M44.5 35.89c-5.79-.58-11.27-.46-15.43.33c-3.58.68-5.78 1.83-5.91 3.06c-.12 1.23 1.81 2.79 5.18 4.18c3.92 1.61 9.27 2.82 15.06 3.4s11.27.46 15.43-.33c3.58-.68 5.78-1.83 5.91-3.06c.12-1.23-1.81-2.79-5.18-4.18c-3.93-1.61-9.28-2.82-15.06-3.4"/><path fill="#fbcc2f" d="m23.6 57.68l-2.45 26.54c.03 1.51 1.1 3.06 2.69 4c2.84 1.67 8.54 3.6 15 4.25c6.17.62 11.54-.08 14.71-1.06c2.01-.62 3.73-2.1 4.11-3.49l2.96-26.51"/><ellipse cx="42.12" cy="59.54" fill="#e5a315" rx="4.59" ry="18.61" transform="rotate(-84.26 42.118 59.54)"/><path fill="#cecfd1" d="M43.28 48.01c-13.2-1.33-22.87-5.18-22.49-8.96s10.62-5.63 23.82-4.3s22.87 5.18 22.49 8.96c-.38 3.77-10.62 5.62-23.82 4.3m1.22-12.12c-5.79-.58-11.27-.46-15.43.33c-3.58.68-5.78 1.83-5.91 3.06c-.12 1.23 1.81 2.79 5.18 4.18c3.92 1.61 9.27 2.82 15.06 3.4s11.27.46 15.43-.33c3.58-.68 5.78-1.83 5.91-3.06c.12-1.23-1.81-2.79-5.18-4.18c-3.93-1.61-9.28-2.82-15.06-3.4"/><g fill="#e5a315"><circle cx="47.71" cy="88.67" r=".89" transform="rotate(-84.26 47.707 88.667)"/><circle cx="49.91" cy="86.44" r=".61" transform="rotate(-84.26 49.911 86.435)"/><circle cx="46.11" cy="84.91" r="1.08" transform="rotate(-84.26 46.11 84.905)"/><circle cx="49.94" cy="84.18" r="1.11" transform="rotate(-84.26 49.942 84.175)"/><circle cx="46.88" cy="79.11" r=".89" transform="rotate(-84.26 46.883 79.105)"/><circle cx="49.17" cy="79.76" r=".79" transform="rotate(-84.26 49.173 79.764)"/><circle cx="53.02" cy="75.03" r=".79" transform="rotate(-84.26 53.021 75.034)"/><circle cx="45.94" cy="69.59" r="1" transform="rotate(-84.26 45.94 69.593)"/><circle cx="50.21" cy="77.32" r="1.22" transform="rotate(-84.26 50.213 77.317)"/><circle cx="47.41" cy="73.26" r="1.2" transform="rotate(-84.26 47.406 73.26)"/><circle cx="51.62" cy="72.22" r=".89" transform="rotate(-84.26 51.618 72.216)"/></g><path fill="#e0e0e0" d="M20.49 41.94s-1.75 1.64-7.25 2.04c-4.71.34-9.96 2.48-11.04 17.91c-.94 13.46.57 16.7 8.16 19.32c6.61 2.28 6.41 4.15 6.41 4.15l3.63-2.05l1.67-16.6l1.99-21.59zm-2.36 21.13c-.56 5.59-1.28 10.09-5.36 9.68c-4.34-.44-3.89-4.97-3.32-10.55c.56-5.59 1.02-10.12 5.36-9.68c4.33.43 3.88 4.96 3.32 10.55"/><path fill="#fff" d="M56.89 93.18c-.48 1.03-1.98 2.9-5.81 3.96c-2.36.65-5.78 1.1-8.51.55c-.58-.12-.34-.67.07-.71c2.34-.18 4.63-.57 7.38-1.37c3.58-1.04 6.07-2.66 6.42-2.85c.58-.33.53.25.45.42M32.7 51.8c-.9-.83-1.58-1.56-2.86-2.33c-.61-.37-1.61-.52-2.52-.57l-1.6 17.34c0 .19.12.68.71 1.01c.5.27 3.4 1.3 5.6 1.92c.58.13.97-.11 1.01-.4l1.65-15.7c-.79-.38-1.55-.86-1.99-1.27m-19.46-5.61c-1.96.13-3.31.74-4.74 2.09c-.97.93-2.37 3.03-2.49 5.08c0 .16-.01 1.03.35 1.03c.56 0 .78-.66.85-.95c.25-.93 1.54-3.26 2.31-3.99c1.48-1.39 3.3-1.59 4.05-1.76c.44-.1 1.6-.53 1.56-.93c-.06-.64-1.48-.59-1.89-.57"/><defs><path id="SVGm8zIQeAd" d="M29.92 23.1c-.74.45-1.44.98-2.29 1.15c-1.43.28-2.85-.44-4.35-.01c-4.24 1.22-6.48 4.39-5.37 8.62c.37 1.42-.22 2.02-.72 3.32c-1.35 3.59.76 8.51 4.79 9.36c2.41.51 4.87-.4 7.22.09c1.98.42 2.83 2.38 4.53 3.25c1.61.82 3.47 1.18 5.25 1.3c2.4.17 5.73-1.38 7.75.56c3.13 3.01.36 8.28 4.18 11.11c1.56 1.16 3.85 1.15 5.53.31c3.22-1.6 2.89-5.63 4.06-8.47c.31-.76.69-1.44 1.44-1.85c.74-.41 1.5-.2 2.3-.42c1.07-.3 2.09-.75 2.96-1.45c1-.83.52-2.61 2.07-2.75c.48-.05 1.12-.25 1.51-.48c2.12-1.29 2.86-4.25 1.63-6.4c-.45-.79-.83-1.04-.85-1.96c-.02-.84.24-1.54.01-2.42c-.56-2.16-2.33-3.67-4.4-4.45c-.38-.15-.79-.28-1.19-.39c-.67-.19-1.23-.28-1.71-.83c-.25-.28-.42-.68-.57-1.01c-.45-.91-1.1-1.66-1.84-2.35c-2.18-2.06-5.28-2.79-8.24-2.69c-.8.03-1.53.23-2.31.43c-1.95.5-2.56-.82-3.99-1.77c-1.78-1.18-4.02-1.43-6.11-1.34c-1.23.06-2.19.68-3.32 1.02c-1.31.4-1.98-.05-3.23-.27c-1.11-.19-2.33-.03-3.43.22c-.46.1-.89.32-1.31.57"/></defs><use fill="#e9e2cf" href="#SVGm8zIQeAd"/><clipPath id="SVGWMVaYcBy"><use href="#SVGm8zIQeAd"/></clipPath><path fill="#e2d2ba" d="M72.7 36.4c-.58 1.73-2.11 3.11-3.89 3.5s-3.75-.21-5-1.54c-.7.77-2.28-.21-2.8.07s-1.78 3.28-3.55 3.26c-1.19 1.18-3.04 1.64-4.65 1.17s-2.53-3.57-3.28-3.5s-1.27 1.08-2.08 1.06c-.4-.01-.82-.12-1.21-.01c-.8.22-1.13 1.2-1.85 1.61c-.69.39-1.56.17-2.34.35c-.5.11-.94.39-1.4.61c-1.83.88-4.05.91-5.9.07a7.06 7.06 0 0 1-3.83-4.49c-1.24 1.16-4.22 1.79-5.07 1.45c-.86-.34-1.89 1.35-3.08 1.46c-1.26.12-2.56.24-3.78-.1s-2.37-1.25-2.61-2.5c-.64 1.58-1.54 3.06-2.65 4.36c4.25 2.51 8.5 5.03 12.75 7.54c.58.34 1.17.7 1.6 1.22c.99 1.21.88 3.04 1.83 4.28c1.02 1.32 2.88 1.55 4.53 1.67c1.59.12 3.18.24 4.78.37c.74.06 1.52.12 2.14.53c1.73 1.11 1.26 3.91 2.63 5.44c1.06 1.17 2.84 1.24 4.41 1.21c4.43-.07 8.87-.19 13.3-.35c.41-.01.84-.03 1.22-.19c.53-.22.91-.67 1.28-1.1a47 47 0 0 1 10.34-8.9c.98-.62 2.01-1.23 2.66-2.18c.59-.85.82-1.9 1.04-2.91c.23-1.08.47-2.17.7-3.25c.1-.45.2-.92.11-1.38c-.12-.63-.57-1.14-.98-1.64a16.2 16.2 0 0 1-2.52-4.29c-.29-.74-.54-1.51-1.03-2.14c-.49-.62-1.31-1.07-2.08-.86" clip-path="url(#SVGWMVaYcBy)"/><path fill="#f7efda" d="M50.83 50.07c1.15 1.23 1.14 3.15 1.07 4.86c-.07 1.77.15 5.03 1.35 4.94c.84-.17 1.1-1.21 1.2-2.06c.24-2.09.48-4.26-.2-6.25c-.3-.87-.8-1.72-1.58-2.19c-.71-.42-2.74-.71-1.84.7"/><path fill="#e0e0e0" d="m103.31 52.38l3.25-.26l5.49 47.61c1.03 7.97-10.15 12.51-21 13.92l-7.58-58.7zm-39.7 5.12l-3.2.57l6.78 47.44c1.03 7.97 12.99 9.53 23.85 8.12l-7.58-58.7z"/><path fill="#fafafa" d="M82.76 49.55c5.77-.74 11.25-.78 15.44-.1c3.59.58 5.83 1.67 5.99 2.89c.16 1.23-1.73 2.84-5.06 4.32c-3.88 1.72-9.19 3.08-14.95 3.82s-11.25.78-15.43.1c-3.59-.58-5.83-1.67-5.99-2.89c-.16-1.23 1.73-2.84 5.06-4.32c3.86-1.72 9.18-3.07 14.94-3.82"/><path fill="#fbcc2f" d="m104.26 70.74l3.2 26.46c.02 1.51-1.01 3.09-2.58 4.07c-2.8 1.75-8.44 3.84-14.87 4.67c-6.15.79-11.53.24-14.74-.65c-2.03-.57-3.79-2-4.2-3.38l-3.71-26.42"/><ellipse cx="85.81" cy="73.13" fill="#e5a315" rx="18.61" ry="4.59" transform="rotate(-7.36 85.787 73.111)"/><path fill="#cecfd1" d="M60.39 58c-.49-3.77 9.07-7.89 22.22-9.59c13.16-1.7 23.44-.14 23.93 3.63s-9.07 7.89-22.22 9.59s-23.44.14-23.93-3.63m7.42-4.63c-3.33 1.48-5.22 3.09-5.06 4.32s2.4 2.31 5.99 2.89c4.19.68 9.67.64 15.43-.1s11.08-2.1 14.95-3.82c3.33-1.48 5.22-3.09 5.06-4.32s-2.4-2.31-5.99-2.89c-4.19-.68-9.67-.64-15.44.1s-11.07 2.1-14.94 3.82"/><g fill="#e5a315"><circle cx="81.04" cy="102.4" r=".89" transform="rotate(-7.36 81.024 102.378)"/><circle cx="78.78" cy="100.23" r=".61" transform="rotate(-7.36 78.758 100.209)"/><circle cx="82.53" cy="98.59" r="1.08" transform="rotate(-7.36 82.514 98.573)"/><circle cx="78.68" cy="97.97" r="1.11" transform="rotate(-7.36 78.663 97.951)"/><circle cx="81.6" cy="92.82" r=".89" transform="rotate(-7.36 81.578 92.798)"/><circle cx="79.33" cy="93.54" r=".79" transform="rotate(-7.36 79.308 93.521)"/><circle cx="75.35" cy="88.92" r=".79" transform="rotate(-7.36 75.328 88.903)"/><circle cx="82.27" cy="83.28" r="1" transform="rotate(-7.36 82.252 83.266)"/><circle cx="78.22" cy="91.13" r="1.22" transform="rotate(-7.36 78.2 91.106)"/><circle cx="80.91" cy="86.99" r="1.2" transform="rotate(-7.36 80.889 86.973)"/><circle cx="76.67" cy="86.07" r=".89" transform="rotate(-7.36 76.651 86.047)"/></g><path fill="#e0e0e0" d="M125.77 74.35c-1.51-15.4-6.82-17.39-11.53-17.59c-5.51-.24-7.31-1.83-7.31-1.83l-3.48 3.28l2.6 21.52l2.14 16.55l3.69 1.94s-.25-1.87 6.29-4.33c7.51-2.84 8.92-6.11 7.6-19.54M115.52 85.5c-4.06.52-4.91-3.96-5.63-9.52s-1.3-10.08 3.03-10.64s4.91 3.96 5.63 9.52c.71 5.56 1.29 10.08-3.03 10.64"/><path fill="#fff" d="M107.78 102.68c-.26 1.11-1.35 3.24-4.89 5.06c-2.18 1.12-5.44 2.26-8.22 2.27c-.6 0-.47-.59-.08-.7c2.25-.65 4.42-1.5 6.95-2.84c3.3-1.75 5.4-3.84 5.7-4.1c.52-.45.59.13.54.31m6.52-43.71c1.97.08 3.33.64 4.79 1.96c1 .9 2.45 2.96 2.63 5.01c.01.16.04 1.02-.32 1.03c-.56.02-.79-.64-.88-.92c-.28-.92-1.63-3.22-2.43-3.92c-1.52-1.35-3.35-1.49-4.1-1.65c-.45-.09-1.62-.49-1.58-.89c.06-.65 1.48-.64 1.89-.62"/><defs><path id="SVGPcMWeVgR" d="M96.97 36.36c.75.42 1.47.94 2.32 1.08c1.43.24 2.83-.52 4.34-.13c4.27 1.1 6.6 4.2 5.62 8.46c-.33 1.43.28 2.01.81 3.3c1.45 3.55-.52 8.52-4.52 9.49c-2.39.58-4.88-.27-7.22.29c-1.97.47-2.76 2.46-4.44 3.37c-1.58.87-3.43 1.28-5.21 1.45c-2.4.23-5.76-1.22-7.73.78c-3.04 3.09-.13 8.29-3.86 11.22c-1.53 1.2-3.82 1.26-5.51.47c-3.26-1.51-3.05-5.54-4.3-8.36c-.33-.75-.73-1.42-1.49-1.81s-1.51-.16-2.31-.36c-1.08-.27-2.12-.69-3-1.37c-1.03-.8-.59-2.59-2.15-2.69c-.48-.03-1.12-.22-1.52-.44c-2.16-1.23-2.98-4.16-1.81-6.35c.43-.8.8-1.06.8-1.99c0-.84-.28-1.53-.07-2.42c.5-2.18 2.23-3.73 4.27-4.57c.38-.16.78-.3 1.18-.42c.67-.21 1.23-.31 1.68-.88c.24-.29.4-.69.55-1.03c.43-.92 1.06-1.69 1.77-2.4c2.12-2.12 5.2-2.94 8.16-2.92c.8 0 1.53.18 2.32.36c1.97.44 2.54-.89 3.94-1.88c1.74-1.23 3.98-1.54 6.07-1.51c1.23.02 2.21.62 3.35.93c1.32.37 1.98-.11 3.22-.36c1.11-.22 2.33-.09 3.43.13c.45.11.89.32 1.31.56"/></defs><use fill="#e9e2cf" href="#SVGPcMWeVgR"/><clipPath id="SVG5bXCvcdU"><use href="#SVGPcMWeVgR"/></clipPath><path fill="#e2d2ba" d="M54.58 50.86c.63 1.71 2.2 3.05 3.99 3.39s3.75-.32 4.96-1.68c.72.75 2.28-.27 2.8 0s1.87 3.23 3.64 3.16c1.23 1.14 3.09 1.56 4.68 1.04s2.43-3.64 3.18-3.59s1.3 1.05 2.11 1c.4-.02.81-.14 1.21-.05c.81.19 1.17 1.17 1.9 1.56c.7.37 1.57.13 2.35.28c.5.1.95.36 1.42.57c1.85.83 4.08.79 5.9-.1a7.02 7.02 0 0 0 3.7-4.6c1.27 1.13 4.26 1.67 5.11 1.31s1.93 1.29 3.12 1.37c1.27.09 2.57.17 3.78-.21s2.33-1.32 2.54-2.57c.69 1.56 1.63 3.01 2.77 4.28c-4.18 2.63-8.35 5.27-12.53 7.9c-.57.36-1.15.73-1.56 1.26c-.95 1.24-.79 3.06-1.71 4.33c-.98 1.34-2.83 1.63-4.49 1.8c-1.59.17-3.18.33-4.76.5c-.74.08-1.51.17-2.13.59c-1.69 1.16-1.15 3.94-2.48 5.51c-1.02 1.2-2.8 1.32-4.38 1.33c-4.43.05-8.87.06-13.3.03c-.41 0-.84-.01-1.23-.16c-.53-.2-.93-.64-1.31-1.06a47.2 47.2 0 0 0-10.59-8.6c-.99-.59-2.04-1.17-2.72-2.1c-.61-.84-.88-1.87-1.12-2.88c-.27-1.08-.53-2.16-.8-3.23c-.11-.45-.22-.92-.15-1.38c.1-.64.54-1.16.94-1.67c1.02-1.32 1.83-2.8 2.4-4.36c.27-.75.5-1.53.97-2.16c.47-.64 1.28-1.11 2.05-.92" clip-path="url(#SVG5bXCvcdU)"/><path fill="#f7efda" d="M76.84 63.91c-1.11 1.26-1.05 3.18-.93 4.89c.12 1.77 0 5.03-1.21 4.98c-.84-.15-1.13-1.18-1.26-2.03c-.3-2.08-.6-4.24.02-6.25c.27-.88.75-1.74 1.52-2.24c.69-.44 2.71-.79 1.86.65"/></svg>How to use the Clinking Beer Mugs icon
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:clinking-beer-mugs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:clinking-beer-mugs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:clinking-beer-mugs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--clinking-beer-mugs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:clinking-beer-mugs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:clinking-beer-mugs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/noto-v1/clinking-beer-mugs.svg" alt="Clinking Beer Mugs icon" width="24" height="24">Related icons in Noto Emoji (v1)
Clinking Beer Mugs icon in other icon sets
Clinking Beer Mugs icon FAQ
Is the Clinking Beer Mugs icon free for commercial use?
Yes. Noto Emoji (v1) icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Clinking Beer Mugs icon in React?
Install @iconify/react and render <Icon icon="noto-v1:clinking-beer-mugs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Clinking Beer Mugs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/noto-v1/clinking-beer-mugs.svg" alt="Clinking Beer Mugs icon">, or paste the SVG code inline to style it with CSS.