Clinking Glasses icon
openmoji:clinking-glasses
The Clinking Glasses icon (openmoji:clinking-glasses) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Food Drink
- Tags
- clinkingglasses, glass
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="1.943" d="M26.51 14.13h-23"/><path stroke-width="1.974" d="m57.404 12.046l-22.961 5.439"/></g><path fill="#fcea2b" d="M3.13 13C3.98 29.97 8.97 43 15 43s11.02-13.03 11.87-30z"/><path fill="#f1b31c" d="M11.404 13H3.13C3.98 29.97 8.97 43 15 43c1.555 0 3.04-.873 4.404-2.45c-3.94-5.04-6.934-15.18-8-27.55"/><path fill="#fcea2b" d="M34.133 16.355c4.754 16.313 12.623 27.835 18.49 26.44s7.706-15.226 4.607-31.933z"/><path fill="#f1b31c" d="m42.183 14.44l-8.05 1.915c4.754 16.313 12.623 27.834 18.49 26.44c1.513-.36 2.755-1.553 3.717-3.403c-4.999-3.993-10.258-13.165-14.157-24.952"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="2" d="M15 44v23M4 67h22"/><path stroke-width="1.974" d="M3.043 5C3.017 5.941 3 6.89 3 7.85C3 27.263 8.373 43 15 43S27 27.263 27 7.85c0-.96-.017-1.909-.043-2.85"/><path stroke-width="2" d="m52.854 43.767l5.322 22.376m-10.702 2.545l21.403-5.09"/><path stroke-width="1.974" d="M32.197 8.592c.193.922.396 1.848.618 2.783c4.492 18.886 13.36 32.953 19.808 31.42s8.033-18.087 3.54-36.973q-.333-1.401-.7-2.763"/></g></svg>
How to use the Clinking Glasses icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:clinking-glasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:clinking-glasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:clinking-glasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--clinking-glasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:clinking-glasses"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:clinking-glasses"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/clinking-glasses.svg" alt="Clinking Glasses icon" width="24" height="24">
Related icons in OpenMoji
Clinking Glasses icon in other icon sets
Clinking Glasses icon FAQ
Is the Clinking Glasses icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Clinking Glasses icon in React?
Install @iconify/react and render <Icon icon="openmoji: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/openmoji/clinking-glasses.svg" alt="Clinking Glasses icon">, or paste the SVG code inline to style it with CSS.
Browse all OpenMoji icons →
ICONYZ
