Mapleleaf アイコン

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

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

fxemoji:mapleleaf

Mapleleaf アイコン(fxemoji:mapleleaf)は、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="#F4580B" d="M477.708 280.089c-10.909-2.152-28.504-6.238-26.553-9.882c0 0 8.642-49.927 11.543-66.746c.465-2.696-1.9-4.953-4.593-4.476l-66.358 11.746c-3.268 1.759-6.746-14.548-8.612-24.993c-.628-3.512-4.902-4.855-7.428-2.336c-10 9.973-24.305 24.267-39.209 39.428c1.095-58.606 1.567-120.438 1.714-143.423c.025-3.919-4.326-6.22-7.581-4.037c-10.178 6.824-27.072 17.351-28.392 12.991c0 0-32.171-45.638-43.016-61.005c-1.738-2.463-5.34-2.379-7.068.091l-42.556 60.861c-1.175 3.917-16.592-6.079-26.187-12.765c-3.226-2.248-7.603.036-7.608 3.968c-.031 23.192-.036 85.471.64 144.272c-15.24-15.515-29.937-30.2-40.147-40.382c-2.526-2.52-6.801-1.177-7.428 2.336c-1.867 10.446-5.345 26.752-8.612 24.993l-66.358-11.746c-2.694-.477-5.058 1.781-4.593 4.476c2.901 16.819 11.543 66.746 11.543 66.746c1.951 3.645-15.644 7.73-26.553 9.882c-3.489.688-4.805 4.956-2.274 7.455c29.903 29.521 99.523 97.073 114.282 104.934c13.252 7.059 29.12 7.579 43.714 5.509L164.8 423.201c-5.439 5.439-.048 14.545 7.336 12.394l82.796-24.126a7.43 7.43 0 0 1 4.138-.006l75.674 24.287c7.646 2.203 12.941-7.526 6.939-12.75l-18.529-24.853c14.268 1.877 29.645 1.202 42.544-5.669c14.759-7.861 84.379-75.413 114.282-104.934c2.533-2.499 1.217-6.767-2.272-7.455"/><path fill="#FF6F1F" d="M256.161 482.249a9.513 9.513 0 0 1-9.513-9.504l-.161-176.327c-.005-5.254 4.25-9.517 9.504-9.521H256a9.513 9.513 0 0 1 9.513 9.504l.161 176.327c.005 5.254-4.25 9.517-9.504 9.521z"/></svg>

Mapleleaf アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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