Cocktailglass アイコン

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

はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fxemoji:cocktailglass

Cocktailglass アイコン(fxemoji:cocktailglass)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#CCD3D6" d="M365.746 478.751c0 16.706-45.072 30.249-100.672 30.249s-100.672-13.543-100.672-30.249c0-12.072 52.557-38.853 81.721-52.785v-122.28L78.461 111.171c29.919 22.139 102.192 37.752 186.613 37.752s156.693-15.613 186.613-37.752L284.025 303.685v122.281c29.165 13.932 81.721 40.713 81.721 52.785"/><path fill="#DEE1E2" d="M402.006 132.773L287.355 264.418c-11.777 13.523-32.786 13.523-44.563 0L128.141 132.773C88.528 121.724 63.73 105.946 63.73 88.425c0-33.412 90.145-60.499 201.344-60.499s201.344 27.086 201.344 60.499c0 17.521-24.798 33.299-64.412 44.348"/><path fill="#8E6049" d="m301.385 162.939l74.762-151.474c2.813-5.7 9.715-8.04 15.415-5.227s8.04 9.715 5.227 15.415c-.136.276-.295.565-.45.825l-86.877 144.866a4.603 4.603 0 0 1-6.316 1.58c-2.068-1.238-2.803-3.859-1.761-5.985"/><path fill="#65BA24" d="M347.264 134.515c9.243 26.104.717 52.938-19.042 59.934c-19.76 6.996-43.271-8.494-52.513-34.598c-9.243-26.104-.717-52.938 19.042-59.934c19.759-6.997 43.27 8.493 52.513 34.598"/><path fill="#8E6049" d="m260.204 239.519l38.143-78.236a8.07 8.07 0 0 1 10.789-3.717a8.07 8.07 0 0 1 3.364 11.437l-45.128 74.426a4.086 4.086 0 0 1-5.613 1.375c-1.817-1.102-2.461-3.41-1.555-5.285"/><path fill="#FFF" d="M265.854 149.319c-64.827 0-124.581-9.013-163.941-24.729a8.018 8.018 0 0 1 5.946-14.892c36.988 14.768 96.051 23.585 157.995 23.585c61.875 0 118.918-8.382 156.502-22.999a8.019 8.019 0 0 1 5.813 14.945c-39.367 15.31-98.528 24.09-162.315 24.09"/></svg>

Cocktailglass アイコンの使い方

React

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

<Icon icon="fxemoji:cocktailglass" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:cocktailglass" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:cocktailglass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cocktailglass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cocktailglass"></div>

Web コンポーネント

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

<iconify-icon icon="fxemoji:cocktailglass"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/cocktailglass.svg" alt="Cocktailglass アイコン" width="24" height="24">

Cocktailglass アイコンのよくある質問

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

はい。Firefox OS Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Firefox OS Emoji アイコンをすべて見る →