Clinking Glasses icon

noto-v1:clinking-glasses

The Clinking Glasses icon (noto-v1:clinking-glasses) 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: clinkingglasses, glass

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#d1ebed" d="M40.3 110.8c-2.1-1.2-4.6-2.4-5.8-4c-.4-.6-.9-2.3-.7-4.7c.2-2.6 2.1-10.9 5.7-19.5c.3-.6.9-1.3 1.6-1.9c.2-.2.5-.7.1-1l-3.4-.9l-3.5-.8c-.5.1-.5.6-.4.9c.3.8.5 1.7.4 2.4c-1.2 9.3-3.7 17.3-4.8 19.7c-1.1 2.2-2.3 3.4-3 3.7c-1.8.8-4.6.6-7 .5c-1.6 0-5.4-.2-5.9 1.9c-.7 2.6 7.5 6.3 14.4 8.1s15.8 2.8 16.5.2c.6-2.1-2.8-3.8-4.2-4.6"/><path fill="#d1ebed" d="m66.5 23.4l-26-7S32 36 29.8 56.1c-2 18.6 4.6 24.5 7.2 25.2s11.3-1.1 18.9-18.2c8.3-18.5 10.6-39.7 10.6-39.7"/><path fill="#fff" d="M20.3 107.7c-.5-.2-1.1-.2-1.2.3c-.1.3.3.6.6.8c1.3.8 3.6 1.7 6 2.5c.3.1 1 .2 1.2 0c.3-.2.2-.5 0-.8s-.6-.4-.9-.6c-3-1-3.5-1.2-5.7-2.2"/><path fill="#fbcc2f" d="M61.1 37.7L38 31.5c-6 22.6-6.2 41.5.8 43.3c7 1.9 16.3-14.5 22.3-37.1"/><defs><path id="SVGRUNKoesY" d="M61.1 35.3c-.4-.5-.9-.2-1.5-.2c-2.5.2-4.8-.5-6.9-1.9c-2-1.3-3.9-2.8-6.2-3.7c-1.5-.6-3.1-.8-4.6-.6c-1.1.1-2.3.4-3.2 1.2c-.7.7-.8 2-.9 2.9c-.2 1.8 0 3.7.7 5.3c1.2 2.6 3.5 4.4 6 5.6c.8.4 1.5.7 2.4.9c.7.2 1.4.3 2.1.4c2.7.3 5.5 0 7.8-1.4c1.5-.9 2.7-2.2 3.5-3.8c.5-1 .9-2.1 1.1-3.2c.1-.5.1-.9-.1-1.4c-.1 0-.1 0-.2-.1"/></defs><use fill="#fbcc2f" href="#SVGRUNKoesY"/><clipPath id="SVGmgtjeeCR"><use href="#SVGRUNKoesY"/></clipPath><path fill="#e5a315" d="M58.7 35.2c-8.5-.8-16-.2-19.3-3.1c-2.4-2 .6-3.4 3.2-3.5c6.4 0 7.9 3.3 11.2 4.6c2 .9 2.8 1.6 4.9 2" clip-path="url(#SVGmgtjeeCR)"/><g fill="#e5a315"><circle cx="40.7" cy="69.9" r="1.1" transform="rotate(-75.001 40.735 69.93)"/><circle cx="43.8" cy="67.7" r=".7" transform="rotate(-75.001 43.84 67.666)"/><circle cx="39.5" cy="65.1" r="1.3" transform="rotate(-75.001 39.547 65.067)"/><circle cx="44.3" cy="64.9" r="1.4" transform="rotate(-75.001 44.323 64.94)"/><circle cx="41.6" cy="58.2" r="1.1" transform="rotate(-75.001 41.625 58.21)"/><circle cx="44.3" cy="59.5" r="1" transform="rotate(-75.001 44.262 59.457)"/><circle cx="49.8" cy="54.5" r="1" transform="rotate(-75.001 49.846 54.5)"/><circle cx="42.4" cy="46.5" r="1.2" transform="rotate(-75.001 42.36 46.528)"/><circle cx="46" cy="56.7" r="1.5" transform="rotate(-75.001 46.001 56.706)"/><circle cx="43.4" cy="51.2" r="1.5" transform="rotate(-75.001 43.409 51.25)"/><circle cx="48.7" cy="50.8" r="1.1" transform="rotate(-75.001 48.705 50.817)"/></g><path fill="#fff" d="M36.2 52c.5.3 1.9.9 3 1.4c.7.3 1.1-.4 1.2-.9c1.1-7.2 5.5-23.3 7.8-28.9c-1.4-.7-2.9-1.4-4.3-2.1c-2.8 5.6-7.6 24.6-8 29c-.1-.1-.3 1 .3 1.5"/><path fill="#aecece" d="M66.5 23.8c-.9 3.2-7.2 3.5-14.4 1.5c-7.2-1.9-12.6-5.3-11.7-8.5s7.2-3.5 14.4-1.5c7.2 1.9 12.5 5.3 11.7 8.5"/><path fill="#d1ebed" d="M65 23.4c-.7 2.5-6.2 2.5-12.6.8s-11.2-4.5-10.5-7s6.2-2.5 12.6-.8c6.3 1.7 11.1 4.5 10.5 7m43.5 90.5c-2.4 0-5.2.3-7-.5c-.7-.3-1.9-1.5-3-3.7c-1.1-2.4-3.6-10.5-4.8-19.7c-.1-.7.1-1.6.4-2.4c.1-.3.1-.8-.4-.9l-3.4.9l-3.4.9c-.4.3-.1.8.1 1c.7.5 1.3 1.2 1.6 1.9c3.6 8.6 5.5 16.8 5.7 19.5c.2 2.4-.3 4.1-.7 4.7c-1.2 1.6-3.7 2.8-5.8 4c-1.4.8-4.8 2.5-4.2 4.6c.7 2.6 9.6 1.7 16.5-.2c6.9-1.8 15.1-5.5 14.4-8.1c-.7-2.2-4.4-2-6-2"/><path fill="#d1ebed" d="m87.5 25.1l-26 7s2.4 21.2 10.6 39.7C79.7 88.9 88.3 90.7 91 90c2.6-.7 9.2-6.6 7.2-25.2C96 44.7 87.5 25.1 87.5 25.1"/><path fill="#fff" d="M89.5 121.2c-.5.1-1 .4-.9.8c.1.3.6.4 1 .4c1.6.1 3.9-.3 6.4-.8c.3-.1 1-.3 1.1-.6c.2-.3-.1-.5-.4-.6s-.7-.1-1.1 0c-3 .5-3.6.6-6.1.8"/><path fill="#fbcc2f" d="m90 40.2l-23.1 6.2C73 69 82.2 85.4 89.2 83.5s6.8-20.7.8-43.3"/><defs><path id="SVGonl9U20U" d="M88.8 38.2c-.6-.2-.9.3-1.4.6c-2.1 1.4-4.4 1.9-6.9 1.8c-2.4-.1-4.8-.4-7.2-.1c-1.5.2-3.1.8-4.3 1.8c-.9.7-1.8 1.5-2.1 2.6c-.3 1 .3 2.1.6 3c.7 1.7 1.8 3.2 3.3 4.3c2.3 1.6 5.2 2.1 8 1.8c.8-.1 1.7-.2 2.5-.4c.7-.2 1.4-.4 2-.7c2.4-1.1 4.7-2.8 6-5.1c.8-1.5 1.2-3.3 1.1-5c-.1-1.1-.3-2.3-.6-3.4c-.2-.5-.3-.9-.8-1.1c-.1-.1-.2-.1-.2-.1"/></defs><use fill="#fbcc2f" href="#SVGonl9U20U"/><clipPath id="SVGrF0GbesA"><use href="#SVGonl9U20U"/></clipPath><path fill="#e5a315" d="M86.6 39.3c-7.7 3.6-14 7.8-18.2 7c-3.1-.6-1.2-3.3 1.1-4.6c5.5-3.2 8.5-1.1 12-1.6c2-.4 3.1-.1 5.1-.8" clip-path="url(#SVGrF0GbesA)"/><g fill="#e5a315"><circle cx="88.4" cy="78.3" r="1.1" transform="rotate(-14.999 88.402 78.302)"/><circle cx="90" cy="74.8" r=".7" transform="rotate(-14.999 89.96 74.789)"/><circle cx="84.9" cy="74.7" r="1.3" transform="rotate(-14.999 84.942 74.685)"/><circle cx="89" cy="72.2" r="1.4" transform="rotate(-14.999 89.015 72.187)"/><circle cx="83.3" cy="67.7" r="1.1" transform="rotate(-14.999 83.312 67.707)"/><circle cx="86.2" cy="67.5" r="1" transform="rotate(-14.999 86.22 67.469)"/><circle cx="88.6" cy="60.4" r="1" transform="rotate(-14.999 88.577 60.383)"/><circle cx="78.1" cy="57.2" r="1.2" transform="rotate(-14.999 78.107 57.223)"/><circle cx="86.3" cy="64.2" r="1.5" transform="rotate(-14.999 86.35 64.216)"/><circle cx="81.4" cy="60.8" r="1.5" transform="rotate(-14.999 81.377 60.788)"/><circle cx="85.7" cy="57.8" r="1.1" transform="rotate(-14.999 85.748 57.764)"/></g><path fill="#fff" d="M75.5 65c.6.1 2.1-.2 3.3-.3c.8-.1.7-.9.5-1.4c-2.7-6.8-6.9-22.9-7.7-28.9c-1.6.1-3.2.2-4.8.4c.4 6.3 5.7 25 7.5 29.1c0-.1.4 1 1.2 1.1"/><path fill="#aecece" d="M87.6 25.5c.9 3.2-4.5 6.6-11.7 8.5s-13.5 1.7-14.4-1.5S66 25.9 73.2 24c7.2-2 13.6-1.7 14.4 1.5"/><path fill="#d1ebed" d="M86.1 25.9c.7 2.5-4.1 5.3-10.5 7s-11.9 1.7-12.6-.8s4.1-5.3 10.5-7s11.9-1.7 12.6.8"/><path fill="#ff6f00" d="M78.7 3.6L74.2 15c-.4.9-1.7.8-1.9-.2L70.7 2.7c-.1-.6.5-1.2 1.1-1.1l6.1.7c.6.1 1 .7.8 1.3m11.9 12.1L79 19.5c-1 .3-1.7-.8-1-1.6l8.3-9c.4-.5 1.2-.4 1.5.1l3.3 5.2c.4.5.1 1.3-.5 1.5m-28-10.3l5.5 10.9c.5.9-.6 1.8-1.4 1.3l-10.1-6.8c-.6-.5-.6-1.2-.1-1.6l4.6-4.1c.5-.5 1.2-.3 1.5.3"/></svg>

How to use the Clinking Glasses icon

React

import { Icon } from "@iconify/react";

<Icon icon="noto-v1:clinking-glasses" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto-v1:clinking-glasses" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto-v1:clinking-glasses" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--clinking-glasses]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:clinking-glasses"></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-glasses"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/noto-v1/clinking-glasses.svg" alt="Clinking Glasses icon" width="24" height="24">

Related icons in Noto Emoji (v1)

Clinking Glasses icon in other icon sets

Clinking Glasses icon FAQ

Is the Clinking Glasses 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 Glasses icon in React?

Install @iconify/react and render <Icon icon="noto-v1:clinking-glasses" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Clinking Glasses icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/noto-v1/clinking-glasses.svg" alt="Clinking Glasses icon">, or paste the SVG code inline to style it with CSS.

Browse all Noto Emoji (v1) icons →