Clinking Glasses アイコン

Q: Clinking Glasses アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:clinking-glasses

Clinking Glasses アイコン(openmoji:clinking-glasses)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 飲食
タグ: clinkingglasses、glass

SVG をダウンロード

SVG コード

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

Clinking Glasses アイコンの使い方

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 コンポーネント

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

<img src="https://iconyz.com/api/public/svg/openmoji/clinking-glasses.svg" alt="Clinking Glasses アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Clinking Glasses アイコン

Clinking Glasses アイコンのよくある質問

Clinking Glasses アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Clinking Glasses アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:clinking-glasses" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Clinking Glasses アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/clinking-glasses.svg" alt="Clinking Glasses アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →