Cocktail Glass アイコン
twemoji:cocktail-glass
Cocktail Glass アイコン(twemoji:cocktail-glass)は、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
- カテゴリ
- 飲食
- タグ
- cocktailglass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#8899a6" d="M19 20.255S30.458 9.214 31.583 8.25S30.875 6 28.626 6H6.129c-1.125 0-4.483.729-2.796 2.417C4.537 9.62 16 20.255 16 20.255v10.123s-4.584 2.34-5.498 2.883c-.984.562-.33 1.462.063 1.617c.656.258 2.253 1.102 6.78 1.102c4.641 0 6.202-.914 6.765-1.102c.217-.072 1.347-.932.011-1.723C21.743 31.747 19 30.378 19 30.378z"/><path fill="#ccd6dd" d="M32 7.442c0-1.622-6.547-2.935-14.623-2.935S2.754 5.82 2.754 7.442c0 .756 1.436 1.443 3.775 1.963c2.746 2.341 7.298 6.098 9.627 8.013c.9.741 2.135.623 2.801.123c.503-.377 6.606-5.643 9.57-8.203C30.69 8.827 32 8.166 32 7.442"/><path fill="#662113" d="M16.868 16.532c-.237-.125-.05-.8.248-1.328L24.564.686a1.1 1.1 0 1 1 1.914 1.082l-8.667 13.885c-.15.264-.674 1.02-.943.879"/><path fill="#5c913b" d="M21.745 7.855c1.133.639 1.996 2.636 1.2 4.046c-.797 1.411-2.954 1.699-4.087 1.059s-2.065-2.515-1.199-4.046s2.953-1.699 4.086-1.059"/><path fill="#fff" d="M16.797 10.761c-3.775 0-7.361-.49-10.737-1.471l-.129-.037a1 1 0 0 1 .555-1.922l.132.039c6.533 1.898 13.942 1.855 22.018-.132a1 1 0 0 1 .479 1.942c-4.289 1.054-8.404 1.581-12.318 1.581"/></svg>
Cocktail Glass アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:cocktail-glass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:cocktail-glass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:cocktail-glass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--cocktail-glass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:cocktail-glass"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:cocktail-glass"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/cocktail-glass.svg" alt="Cocktail Glass アイコン" width="24" height="24">
他のアイコンセットの Cocktail Glass アイコン
Cocktail Glass アイコン のよくある質問
Cocktail Glass アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cocktail Glass アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:cocktail-glass" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cocktail Glass アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/cocktail-glass.svg" alt="Cocktail Glass アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
