Moon Cake アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:moon-cake

Moon Cake アイコン(openmoji:moon-cake)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 飲食
タグ: mooncake

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#a57939" d="M57.753 31.072v.598a5.2 5.2 0 0 0-2.52-1.522c.001-.06.017-.116.017-.177a5.17 5.17 0 0 0-5.171-5.171a5.1 5.1 0 0 0-1.408.219a5.14 5.14 0 0 0-8.386-2.853a5.133 5.133 0 0 0-8.856 0a5.14 5.14 0 0 0-8.385 2.853a5.1 5.1 0 0 0-1.408-.219a5.17 5.17 0 0 0-5.172 5.171c0 .061.016.118.018.178a5.2 5.2 0 0 0-2.08 1.09v-.168H10s0 9.683.025 9.683q.024.241.067.477q.024.133.056.263a5 5 0 0 0 .204.657q.07.181.152.356a5 5 0 0 0 .28.516q.133.212.286.408q.073.093.15.182a5.2 5.2 0 0 0 1.434 1.192a4.95 4.95 0 0 0 3.828 5.675c-.002.06-.018.117-.018.177a5.17 5.17 0 0 0 5.172 5.172a5.1 5.1 0 0 0 1.408-.219a5.14 5.14 0 0 0 8.385 2.853a5.132 5.132 0 0 0 8.856 0a5.14 5.14 0 0 0 8.386-2.853a5.1 5.1 0 0 0 1.408.219a5.17 5.17 0 0 0 5.171-5.172c0-.06-.016-.117-.018-.177a5.16 5.16 0 0 0 3.897-4.994a5 5 0 0 0-.068-.68a5.2 5.2 0 0 0 1.433-1.192q.077-.09.15-.182q.153-.196.286-.409a5.1 5.1 0 0 0 .784-2.582v-9.37Z"/><path fill="#f1b31c" d="M60.06 34.847q.075-.089.148-.18q.151-.195.283-.405a5 5 0 0 0 .278-.511q.082-.173.15-.353a5 5 0 0 0 .203-.651q.031-.13.055-.261a4.6 4.6 0 0 0 0-1.818a5 5 0 0 0-.055-.262a5 5 0 0 0-.202-.65a5 5 0 0 0-.151-.353a5 5 0 0 0-.278-.512a5 5 0 0 0-.283-.405q-.072-.092-.149-.18a5.1 5.1 0 0 0-1.421-1.181a5 5 0 0 0 .067-.674a5.116 5.116 0 0 0-3.863-4.952c.002-.06.018-.115.018-.175a5.127 5.127 0 0 0-5.127-5.127a5 5 0 0 0-1.396.216a5.095 5.095 0 0 0-8.313-2.828a5.088 5.088 0 0 0-8.78 0a5.095 5.095 0 0 0-8.313 2.828a5 5 0 0 0-1.396-.216a5.127 5.127 0 0 0-5.127 5.127c0 .06.016.116.018.175a4.91 4.91 0 0 0-3.795 5.626a5.1 5.1 0 0 0-1.422 1.18q-.076.09-.149.18a5 5 0 0 0-.283.406a5 5 0 0 0-.278.512a5 5 0 0 0-.15.352a5 5 0 0 0-.203.651q-.031.13-.055.262a4.6 4.6 0 0 0 0 1.818q.024.132.055.26a5 5 0 0 0 .202.652q.07.18.151.353a5 5 0 0 0 .278.511q.132.21.283.405q.072.092.149.18a5.1 5.1 0 0 0 1.421 1.182a4.91 4.91 0 0 0 3.796 5.625c-.002.06-.018.115-.018.176a5.127 5.127 0 0 0 5.127 5.127a5 5 0 0 0 1.396-.217a5.095 5.095 0 0 0 8.313 2.828a5.088 5.088 0 0 0 8.78 0a5.095 5.095 0 0 0 8.313-2.828a5 5 0 0 0 1.396.217a5.127 5.127 0 0 0 5.127-5.127c0-.06-.016-.116-.018-.176a5.116 5.116 0 0 0 3.863-4.95a5 5 0 0 0-.068-.675a5.1 5.1 0 0 0 1.422-1.182"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M60.06 34.847q.075-.089.148-.18q.151-.195.283-.405a5 5 0 0 0 .278-.511q.082-.173.15-.353a5 5 0 0 0 .203-.651q.031-.13.055-.261a4.6 4.6 0 0 0 0-1.818a5 5 0 0 0-.055-.262a5 5 0 0 0-.202-.65a5 5 0 0 0-.151-.353a5 5 0 0 0-.278-.512a5 5 0 0 0-.283-.405q-.072-.092-.149-.18a5.1 5.1 0 0 0-1.421-1.181h0a5 5 0 0 0 .067-.674a5.116 5.116 0 0 0-3.863-4.952c.002-.06.018-.115.018-.175a5.127 5.127 0 0 0-5.127-5.127a5 5 0 0 0-1.396.216a5.095 5.095 0 0 0-8.313-2.828a5.088 5.088 0 0 0-8.78 0a5.095 5.095 0 0 0-8.313 2.828a5 5 0 0 0-1.396-.216a5.127 5.127 0 0 0-5.127 5.127c0 .06.016.116.018.175a4.91 4.91 0 0 0-3.795 5.626h0a5.1 5.1 0 0 0-1.422 1.18q-.076.09-.149.18a5 5 0 0 0-.283.406a5 5 0 0 0-.278.512a5 5 0 0 0-.15.352a5 5 0 0 0-.203.651q-.031.13-.055.262a4.6 4.6 0 0 0 0 1.818q.024.132.055.26a5 5 0 0 0 .202.652q.07.18.151.353a5 5 0 0 0 .278.511q.132.21.283.405q.072.092.149.18a5.1 5.1 0 0 0 1.421 1.182h0a4.91 4.91 0 0 0 3.796 5.625c-.002.06-.018.115-.018.176a5.127 5.127 0 0 0 5.127 5.127a5 5 0 0 0 1.396-.217a5.095 5.095 0 0 0 8.313 2.828a5.088 5.088 0 0 0 8.78 0a5.095 5.095 0 0 0 8.313-2.828a5 5 0 0 0 1.396.217a5.127 5.127 0 0 0 5.127-5.127c0-.06-.016-.116-.018-.176a5.116 5.116 0 0 0 3.863-4.95a5 5 0 0 0-.068-.675h0a5.1 5.1 0 0 0 1.422-1.182"/><path d="M10.881 40.934c.003.263.005.413.008.413q.024.235.066.463q.024.13.054.256a5 5 0 0 0 .198.638q.067.175.148.345a5 5 0 0 0 .272.5q.129.207.277.397q.07.09.146.177a5 5 0 0 0 1.392 1.157a5 5 0 0 0-.066.66a5.01 5.01 0 0 0 3.782 4.848c-.002.058-.017.113-.017.172a5.02 5.02 0 0 0 5.02 5.02a5 5 0 0 0 1.366-.212a4.99 4.99 0 0 0 8.14 2.77a4.982 4.982 0 0 0 8.597 0a4.99 4.99 0 0 0 8.14-2.77a5 5 0 0 0 1.366.212a5.02 5.02 0 0 0 5.02-5.02c0-.059-.015-.114-.017-.172a5.01 5.01 0 0 0 3.782-4.848a5 5 0 0 0-.066-.66a5 5 0 0 0 1.392-1.157q.075-.087.146-.176q.148-.192.277-.397a4.93 4.93 0 0 0 .761-2.507v-.632"/></g><g fill="none" stroke="#fcea2b" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M32.8 20.877c-3.977.658-6.635 2.462-7.173 5.35h3.98l.06-1.784"/><path d="m41.294 24.443l.06 1.784h3.98c-.538-2.888-3.196-4.692-7.173-5.35l-.139 7.685H53.69c-1.182-6.347-8.905-11.252-18.279-11.252s-17.096 4.905-18.278 11.252H32.8v-7.685m0 2.675h5.223M32.8 41.045c-3.977-.658-6.635-2.462-7.173-5.35h3.98l.06 1.783"/><path d="m41.294 37.478l.06-1.783h3.98c-.538 2.888-3.196 4.692-7.173 5.35l-.139-7.685H53.69c-1.182 6.347-8.905 11.252-18.278 11.252S18.315 39.706 17.133 33.36H32.8v7.685m0-2.675h5.223m5.222-5.01v-4.459M27.578 33.36v-4.459"/></g></svg>

Moon Cake アイコンの使い方

React

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

<Icon icon="openmoji:moon-cake" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:moon-cake" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:moon-cake" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--moon-cake]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:moon-cake"></div>

Web コンポーネント

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

<iconify-icon icon="openmoji:moon-cake"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/moon-cake.svg" alt="Moon Cake アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Moon Cake アイコン

Moon Cake アイコンのよくある質問

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →