Teacupwithouthandle アイコン

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

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

fxemoji:teacupwithouthandle

Teacupwithouthandle アイコン(fxemoji:teacupwithouthandle)は、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="#E5E4DF" d="M460.936 406.873c0 43.247-91.996 78.306-205.48 78.306s-205.48-35.059-205.48-78.306s91.996-78.306 205.48-78.306c113.484-.001 205.48 35.058 205.48 78.306"/><path fill="#D1CFC3" d="M507 365.317c0 52.942-112.62 95.861-251.544 95.861c-138.923 0-251.543-42.918-251.543-95.861s112.62-95.86 251.543-95.86C394.38 269.456 507 312.374 507 365.317"/><path fill="#E1E1E1" d="M466.776 148.648c0 .214-.051.424-.062.637c-1.329 29.579-94.446 53.454-209.184 53.454c-114.733 0-207.851-23.874-209.182-53.451c-.01-.214-.064-.426-.064-.64c0-29.875 93.685-54.093 209.247-54.093c115.565 0 209.245 24.218 209.245 54.093"/><path fill="#77B708" d="M442.902 173.165c0 26.465-82.993 47.919-185.371 47.919S72.16 199.63 72.16 173.165s82.993-47.92 185.371-47.92c102.377.001 185.371 21.455 185.371 47.92"/><path fill="#E5E4DF" d="m466.778 150.273l1.255 115.605s-4.108 148.501-212.71 148.501S47.027 266.107 47.027 266.107l1.255-115.834c0-.335.046-.655.064-.985c1.332 29.577 94.45 53.451 209.182 53.451c114.738 0 207.856-23.875 209.184-53.454c.021.33.066.651.066.988"/><path fill="#D1CFC3" d="M257.528 105.574c54.99 0 106.557 5.502 145.203 15.492c42.355 10.949 52.5 23.068 53.005 27.26q-.019.222-.031.464c-.253 5.645-14.786 17.663-53.787 27.639c-38.548 9.861-89.826 15.291-144.389 15.291c-54.56 0-105.838-5.43-144.385-15.291c-39.001-9.975-53.535-21.993-53.791-27.696a15 15 0 0 0-.03-.422c.526-4.205 10.697-16.309 53.006-27.245c38.645-9.99 90.213-15.492 145.199-15.492m0-11.019c-115.561 0-209.247 24.217-209.247 54.092c0 .214.054.426.064.64c1.332 29.578 94.45 53.451 209.182 53.451c114.738 0 207.856-23.875 209.184-53.454c.011-.214.062-.424.062-.637c.001-29.875-93.678-54.092-209.245-54.092"/></svg>

Teacupwithouthandle アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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