Cocktail Glass アイコン
emojione-v1:cocktail-glass
Cocktail Glass アイコン(emojione-v1:cocktail-glass)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
- タグ
- cocktailglass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#bac4c9" fill-opacity=".627"><ellipse cx="33.33" cy="59.55" opacity=".67" rx="15.08" ry="4.058"/><path d="M34.745 58.24c0 .719-.582 1.308-1.306 1.308a1.31 1.31 0 0 1-1.305-1.308V33.02a1.307 1.307 0 1 1 2.611 0z" opacity=".67"/><path d="M33.33 13.08h21.78L44.22 25.514L33.33 37.943L22.446 25.514L11.554 13.08z" opacity=".67"/></g><ellipse cx="33.33" cy="13.08" fill="#93b5cc" rx="21.779" ry="3.42"/><ellipse cx="33.33" cy="13.641" fill="#f79420" rx="18.209" ry="2.859"/><path fill="#e7e6e6" d="M29.25 30.416a.593.593 0 1 1-.838-.839L56.758 1.229a.59.59 0 0 1 .838 0a.59.59 0 0 1 0 .838z"/><path fill="#2bb573" d="M46.45 18.202a5.573 5.573 0 0 1-11.147 0a5.574 5.574 0 1 1 11.147 0"/><circle cx="38.98" cy="17.632" r="2.848" fill="#ee4237"/><path fill="#f79420" d="M33.442 15.04H52.19l-9.377 10.708l-9.371 10.698l-9.372-10.698l-9.375-10.708z" opacity=".36"/></svg>
Cocktail Glass アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:cocktail-glass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:cocktail-glass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:cocktail-glass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--cocktail-glass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:cocktail-glass"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:cocktail-glass"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/cocktail-glass.svg" alt="Cocktail Glass アイコン" width="24" height="24">
他のアイコンセットの Cocktail Glass アイコン
Cocktail Glass アイコン のよくある質問
Cocktail Glass アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cocktail Glass アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:cocktail-glass" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cocktail Glass アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/cocktail-glass.svg" alt="Cocktail Glass アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
