Monkeyface アイコン

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

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

fxemoji:monkeyface

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#E2A042" d="M61.455 25.536c-.387 0-.768.026-1.145.068C57.187 15.006 47.391 7.268 35.782 7.268c-11.598 0-21.386 7.722-24.52 18.304c-.238-.016-.475-.036-.717-.036C4.876 25.536.28 30.132.28 35.801s4.596 10.265 10.265 10.265c1.071 0 2.102-.165 3.073-.469c4.418 7.66 12.686 12.82 22.164 12.82c9.533 0 17.841-5.219 22.24-12.953c1.075.382 2.227.601 3.434.601c5.669 0 10.265-4.596 10.265-10.265s-4.597-10.264-10.266-10.264"/><path fill="#AF773F" d="M62.795 36.656c0-8.415-6.822-15.236-15.236-15.236c-3.436 0-6.602 1.14-9.149 3.06a4.504 4.504 0 0 1-5.468.004c-2.937-2.215-6.698-3.391-10.746-2.979c-6.906.704-13.493 6.111-13.493 13.052c0 21.149 13.884 28.713 27.079 28.713c14.085 0 27.013-7.563 27.013-26.614"/><path fill="#FFB636" d="M47.116 26.708a11.28 11.28 0 0 0-9.229 4.58a2.44 2.44 0 0 1-3.966 0a11.28 11.28 0 0 0-9.229-4.58c-5.928.074-10.917 4.929-11.142 10.854c-.227 5.967 4.177 10.953 9.905 11.652a1.68 1.68 0 0 1 1.468 1.474c.684 5.455 5.339 9.676 10.98 9.676c5.609 0 10.244-4.174 10.968-9.585a1.814 1.814 0 0 1 1.571-1.577c5.683-.74 10.039-5.705 9.814-11.64c-.224-5.924-5.212-10.779-11.14-10.854"/><path fill="#E576CB" d="M38.378 42.66s-.338.436-.845.745a3.6 3.6 0 0 1-1.858.558a3.56 3.56 0 0 1-1.858-.555c-.507-.31-.844-.749-.844-.749a.275.275 0 0 1 0-.335s.338-.439.844-.749a3.56 3.56 0 0 1 1.858-.555c.676.01 1.351.228 1.858.558c.507.309.845.745.845.745a.28.28 0 0 1 0 .337m3.543 9.628c.042-.132.062-.31.062-.447c0-.28-.087-.555-.25-.783c-1.507-2.122-3.792-3.352-6.156-3.315c-2.326.046-4.499 1.254-5.963 3.315c-.171.241-.252.52-.25.794a1.4 1.4 0 0 0 .062.437c1.133 3.591 3.527 5.821 6.247 5.821s5.115-2.231 6.248-5.822"/><path fill="#2B3B47" d="M26.616 40.212h-.006c0 .006.006.009.006.012a3.048 3.048 0 0 1-6.094 0v-.012h-.013l.037-4.284a3.04 3.04 0 0 1 3.023-2.788c1.592 0 2.883 1.228 3.017 2.788zm24.453-4.283a3.04 3.04 0 0 0-3.023-2.788c-1.59 0-2.883 1.228-3.017 2.788l-.037 4.284h.013v.012a3.047 3.047 0 0 0 3.041 3.047a3.05 3.05 0 0 0 3.047-3.047v-.012zM35.63 50.447c1.249-.049 2.532.602 3.487 1.663c-.797 2.049-2.082 3.293-3.442 3.294s-2.646-1.245-3.443-3.294c.923-1.027 2.156-1.638 3.398-1.663"/></svg>

Monkeyface アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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