ICONYZ
Bahasa Indonesia
Ikon Clinking Glasses dari Noto Emoji (v1)

Ikon Clinking Glasses

noto-v1:clinking-glasses

Ikon Clinking Glasses (noto-v1:clinking-glasses) adalah ikon SVG gratis dari set Noto Emoji (v1) karya Google Inc. Ikon ini digambar pada grid 128 × 128. Noto Emoji (v1) icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Noto Emoji (v1)
Pembuat
Google Inc
Lisensi
Apache-2.0
Ukuran
128 × 128
Kategori
Makanan dan minuman
Tag
clinkingglasses, glass
Download SVG

Kode SVG

<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>

Cara memakai ikon Clinking Glasses

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>

Gambar HTML

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

Ikon terkait di Noto Emoji (v1)

Ikon Clinking Glasses di set ikon lain

FAQ Ikon Clinking Glasses

Apakah ikon Clinking Glasses gratis untuk penggunaan komersial?

Ya. Noto Emoji (v1) icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Clinking Glasses di React?

Pasang @iconify/react lalu render <Icon icon="noto-v1:clinking-glasses" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Clinking Glasses ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/noto-v1/clinking-glasses.svg" alt="Ikon Clinking Glasses">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Noto Emoji (v1) →