Clinking Beer Mugs アイコン
twemoji:clinking-beer-mugs
Clinking Beer Mugs アイコン(twemoji:clinking-beer-mugs)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 飲食
- タグ
- clinkingbeer、beermugs、clinkingbeermugs、mug
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M2.72 5.464h3.53v2.679H4.464c-1.786 0-1.786.893-1.786 1.786v7.387c0 1.359 1.289 1.542 1.289 1.542H6.25v2.679H2.72A2.72 2.72 0 0 1 0 18.818V8.183a2.72 2.72 0 0 1 2.72-2.719"/><path fill="#ffac33" d="M5.357 5.464h15.179V24c0 1.1-.9 2-2 2H7.357c-1.1 0-2-.9-2-2z"/><path fill="#f4900c" d="M8.482 23.321a.893.893 0 0 0 .893-.893v-9.821a.893.893 0 1 0-1.786 0v9.821c0 .494.4.893.893.893m4.464 0a.893.893 0 0 0 .893-.893v-9.821a.893.893 0 1 0-1.786 0v9.821c.001.494.4.893.893.893M5.357 8.575V5.464h15.179v4.878a2.7 2.7 0 0 1-.933.175a2.72 2.72 0 0 1-2.516-1.694a1.345 1.345 0 0 1-1.994-.246a2.71 2.71 0 0 1-2.288 1.26a2.7 2.7 0 0 1-2.159-1.083a1.7 1.7 0 0 1-1.58 1.083a1.7 1.7 0 0 1-1.488-.893c-.27.132-.57.213-.892.213c-.882 0-1.329-.582-1.329-.582"/><path fill="#e1e8ed" d="M8.036 1h11.607q2.679 0 2.679 2.679v2.76a2.72 2.72 0 0 1-5.235 1.026a1.35 1.35 0 0 1-.883.334c-.46 0-.865-.23-1.111-.58a2.71 2.71 0 0 1-2.288 1.259a2.7 2.7 0 0 1-2.159-1.083a1.7 1.7 0 0 1-1.58 1.083c-.62 0-1.15-.34-1.447-.837a1.339 1.339 0 0 1-2.262-.967V3.679Q5.357 1 8.036 1"/><path fill="#fa743e" d="M30.495 6.514a1 1 0 0 1-.707-1.708l3.552-3.55a1 1 0 0 1 1.414 1.415l-3.552 3.55a1 1 0 0 1-.707.293m-4.164-1.697q-.165 0-.33-.057a1 1 0 0 1-.614-1.274l.97-2.773a1 1 0 0 1 1.888.66l-.97 2.773a1 1 0 0 1-.944.671m6.143 5.774a1.001 1.001 0 0 1-.333-1.943l2.494-.881a1 1 0 1 1 .666 1.886l-2.494.881a1 1 0 0 1-.333.057"/><path fill="#ffac33" d="M33.28 15.464h-3.53v2.679h1.786c1.786 0 1.786.893 1.786 1.786v7.387c0 1.359-1.289 1.542-1.289 1.542H29.75v2.679h3.53A2.72 2.72 0 0 0 36 28.818V18.183a2.72 2.72 0 0 0-2.72-2.719"/><path fill="#ffcc4d" d="M30.643 15.464H15.464V34c0 1.1.9 2 2 2h11.179c1.1 0 2-.9 2-2z"/><path fill="#f4900c" d="M18.589 33.321a.893.893 0 0 1-.893-.893v-9.821a.893.893 0 0 1 1.786 0v9.821c0 .494-.4.893-.893.893m8.929 0a.893.893 0 0 1-.893-.893v-9.821a.893.893 0 1 1 1.786 0v9.821c0 .494-.4.893-.893.893m-4.464 0a.893.893 0 0 1-.893-.893v-9.821a.893.893 0 1 1 1.786 0v9.821a.893.893 0 0 1-.893.893"/><path fill="#ffac33" d="M30.643 18.575v-3.111H15.464v4.878c.292.107.604.175.933.175a2.72 2.72 0 0 0 2.516-1.694a1.345 1.345 0 0 0 1.994-.246a2.71 2.71 0 0 0 2.288 1.26c.884 0 1.663-.429 2.159-1.083c.248.633.86 1.083 1.58 1.083c.645 0 1.199-.364 1.488-.893c.27.132.57.213.892.213c.882 0 1.329-.582 1.329-.582"/><path fill="#eee" d="M27.964 11H16.357q-2.679 0-2.679 2.679v2.76a2.72 2.72 0 0 0 5.235 1.026c.238.205.545.334.883.334c.46 0 .865-.23 1.111-.58a2.71 2.71 0 0 0 2.288 1.259c.884 0 1.663-.429 2.159-1.083c.248.633.86 1.083 1.58 1.083c.62 0 1.15-.34 1.447-.837c.24.229.564.372.922.372c.74 0 1.339-.6 1.339-1.339v-2.995Q30.643 11 27.964 11"/></svg>
Clinking Beer Mugs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:clinking-beer-mugs" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:clinking-beer-mugs" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:clinking-beer-mugs" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--clinking-beer-mugs]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:clinking-beer-mugs"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:clinking-beer-mugs"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/clinking-beer-mugs.svg" alt="Clinking Beer Mugs アイコン" width="24" height="24">
他のアイコンセットの Clinking Beer Mugs アイコン
Clinking Beer Mugs アイコン のよくある質問
Clinking Beer Mugs アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Clinking Beer Mugs アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:clinking-beer-mugs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clinking Beer Mugs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/clinking-beer-mugs.svg" alt="Clinking Beer Mugs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
