Man アイコン

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

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

fxemoji:man

Man アイコン(fxemoji:man)は、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="#EDC0A2" d="M66.3 40.3c0-2.7-2-5-4.6-5.5l.5-10C62.2 10.1 50 1 35.2 1C20.5 1 9.7 10.1 9.7 24.8l.6 10c-2.6.5-4.6 2.7-4.6 5.4c0 2.9 2.3 5.3 5.2 5.5L11 47c0 13.8 11.2 25 25 25s25-11.2 25-25l.1-1.2c2.9-.2 5.2-2.6 5.2-5.5"/><path fill="#E5AB83" d="M33.8 69.4c-5.7 0-11-1.7-15.5-4.7C22.8 69.2 29.1 72 36 72c13.8 0 25-11.2 25-25l.1-1.3c-1.9 13.4-13.4 23.7-27.3 23.7"/><path fill="#2B3B47" d="M23.4 39.9c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5v-3.5c.1-1.3 1.2-2.3 2.5-2.3s2.4 1 2.5 2.3zm30.1-3.6C53.4 35 52.3 34 51 34s-2.4 1-2.5 2.3v3.5c0 1.4 1.1 2.5 2.5 2.5s2.5-1.1 2.5-2.5z"/><path fill="#959DA3" d="M20.4 36.5c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6zm30.3 0c0-.3-.3-.6-.6-.6s-.6.3-.6.6v.9c0 .3.3.6.6.6s.6-.3.6-.6z" opacity=".96"/><path fill="#332A23" d="m40.7.2l-8-.1C15.1.2 9.4 11.9 9.4 22.9v12.7c0 2 1.9.1 2.2-2c.5-2.9.3-13.7 2.7-17.8c1.3-2.2 4.2 1.5 6.5 3.3c4.5 3.8 29.7 8.3 27.6 5.7c-.5-.6-1-1.2-1.5-1.9c8.6 3.4 12.3 8.5 13 9.9c1.3 2.4 2.7 5.2 2.7 2.8v-12C62.6 14 57.1 1 40.7.2"/><path fill="#E5AB83" d="M36 49.6c-1.7 0-3.2-.8-4.1-2.3c-.3-.5-.2-1.1.3-1.4s1.1-.2 1.4.3c.5.8 1.4 1.3 2.4 1.3s1.9-.5 2.4-1.3c.3-.5.9-.6 1.4-.3s.6.9.3 1.4c-.9 1.4-2.4 2.3-4.1 2.3m4.7 10c.5-.4.6-1 .2-1.5s-1-.6-1.5-.2c-2.1 1.6-4.8 1.6-6.9 0c-.5-.4-1.1-.3-1.5.2s-.3 1.1.2 1.5c1.4 1.1 3.1 1.6 4.8 1.6s3.3-.5 4.7-1.6"/><path fill="#68442A" d="M23.7 32s-.1 0-.3-.1c-.2 0-.4-.1-.7-.1c-.6-.1-1.4-.2-2.2-.2s-1.5.1-2 .3c-.1 0-.2.1-.3.1s-.1.1-.2.1l-.1.1l-.3.2c-.5.3-1.2.2-1.5-.4c-.3-.5-.2-1 .2-1.4l.3-.3c.1-.1.2-.2.4-.3s.3-.2.5-.3c.8-.4 1.8-.6 2.8-.8c1-.1 1.9-.1 2.6-.1c.4 0 .7 0 .9.1h.3c.9.1 1.5.8 1.4 1.7s-.8 1.5-1.7 1.4c0 .1 0 0-.1 0m23.9-3c-.8.2-1.4 1-1.2 1.8s1 1.4 1.8 1.2c0 0 .1 0 .3-.1c.2 0 .4-.1.7-.1c.6-.1 1.4-.2 2.2-.2s1.5.1 2 .3c.1 0 .2.1.3.1s.1.1.2.1l.1.1l.3.2c.4.3 1 .2 1.4-.2s.4-1.1-.1-1.5l-.3-.3c-.1-.1-.2-.2-.4-.3s-.3-.2-.5-.3c-.8-.4-1.8-.6-2.8-.8c-1-.1-1.9-.1-2.6-.1c-.4 0-.7 0-.9.1zm2.5 29.3c-.1-.5-.1-1-.4-1.6l-.3-.9c-.1-.3-.3-.6-.5-.9l-.6-.9c-.2-.3-.4-.6-.7-.8c-.5-.5-1.1-1-1.7-1.4s-1.3-.7-1.9-.9c-.7-.2-1.3-.2-1.9-.3c-1.2 0-2.3.2-3.2.4s-1.7.5-2.1.7c-.5.3-.8.5-.8.5s-.3-.2-.8-.5s-1.2-.6-2.1-.8l-1.5-.3c-.5-.1-1.1-.1-1.7-.1c-.6.1-1.3.1-1.9.3s-1.3.6-1.9.9c-.6.4-1.2.9-1.7 1.4c-.3.2-.5.5-.7.8s-.4.5-.6.9c-.2.3-.3.6-.5.9l-.3.9c-.2.5-.3 1.1-.4 1.6s-.1.9-.1 1.3s.1.7.1 1c.1.5.2.8.2.8l.6-.6c.2-.2.4-.4.6-.7c.3-.2.5-.5.8-.8c.3-.2.6-.5 1-.7c.2-.1.4-.2.5-.3l.6-.3c.4-.2.8-.3 1.2-.4s.8-.1 1.2-.2c.4 0 .8-.1 1.2-.1c.4-.1.8-.2 1.2-.4c.8-.3 1.7-.6 2.4-.9c.8-.3 1.4-.7 1.9-.9c.4-.2.7-.4.7-.5c.1 0 .3.2.7.4c.5.2 1.1.5 1.9.8c.7.3 1.5.6 2.4 1c.4.2.8.3 1.2.4s.8.2 1.2.2s.8.1 1.2.2l1.2.3l.6.3c.2.1.4.2.5.3c.4.2.7.5 1 .7c.3.3.6.5.8.8c.3.2.4.5.6.7l.6.6s.1-.3.2-.8c0-.3.1-.6.1-1c0-.2 0-.6-.1-1.1"/></svg>

Man アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Firefox OS Emoji の関連アイコン

他のアイコンセットの Man アイコン

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

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

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

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

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

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

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

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