ICONYZ
日本語
Emoji One (Colored) の Cocktail Glass アイコン

Cocktail Glass アイコン

emojione:cocktail-glass

Cocktail Glass アイコン(emojione:cocktail-glass)は、Emoji One (Colored) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Emoji One (Colored)
作者
Emoji One
ライセンス
CC-BY-4.0
サイズ
64 × 64
カテゴリ
食べ物
タグ
cocktailglass
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f29a2e" d="M45.7 3.3c.2-.6 0-1.2-.4-1.3s-.9.2-1.1.8L31.7 37l.8.3z"/><path fill="#8cc63e" d="M45.5 17.9c-.3 2.4-3.2 3.9-6.5 3.5c-3.2-.4-5.6-2.7-5.3-5c.3-2.4 3.2-3.9 6.5-3.5s5.6 2.6 5.3 5"/><path fill="#ce114b" d="M38.4 16.9c-.2 1.5-1.3 2.6-2.4 2.4c-1.1-.1-1.9-1.5-1.7-2.9c.2-1.5 1.3-2.6 2.4-2.4c1.1.1 1.9 1.5 1.7 2.9"/><path fill="#8cc63e" d="M30.4 25.3c-1.3 2-.1 5 2.7 6.7s6.1 1.4 7.4-.6s.1-5-2.7-6.7c-2.8-1.6-6.1-1.4-7.4.6"/><path fill="#ce114b" d="M36.5 29c-.8 1.3-.7 2.8.3 3.4s2.4 0 3.2-1.2c.8-1.3.7-2.8-.3-3.4c-.9-.6-2.4 0-3.2 1.2"/><path fill="#a1b8c7" d="M59 18.6H5S24.1 40 30.8 42.8c0 2.1-.2 9.7-.9 13c-3.7 3.2-11.4 5.4-11.5 5.4c-.2.1-.3.3-.2.5c0 .2.2.4.3.4h26.9c.2 0 .3-.2.3-.4s-.1-.4-.2-.5c-.1 0-7.8-2.2-11.5-5.4c-.7-3.3-.8-10.9-.8-13C40 39.9 59 18.6 59 18.6M32 40.7c-4.1 0-21.9-19.8-21.9-19.8h43.7c.1 0-17.7 19.8-21.8 19.8" opacity=".8"/><path fill="#f3ffd2" d="M49.4 22.7S35.3 38.5 32 38.5S14.6 22.7 14.6 22.7z" opacity=".7"/></svg>

Cocktail Glass アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="emojione:cocktail-glass" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione:cocktail-glass" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione:cocktail-glass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--cocktail-glass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:cocktail-glass"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione:cocktail-glass"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/cocktail-glass.svg" alt="Cocktail Glass アイコン" width="24" height="24">

他のアイコンセットの Cocktail Glass アイコン

Cocktail Glass アイコン のよくある質問

Cocktail Glass アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Cocktail Glass アイコンを使うには?

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

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

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

Emoji One (Colored) アイコン をすべて見る →