Man アイコン

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

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

noto:man

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

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 人物・体

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#E59600" d="M99.54 63.98h-71.1c-7.67 0-13.94 6.68-13.94 14.85s6.27 14.85 13.94 14.85h71.11c7.67 0 13.94-6.68 13.94-14.85s-6.28-14.85-13.95-14.85"/><path fill="#FFCA28" d="M64 12.39c-22.64 0-43.61 24.21-43.61 59.06c0 34.66 21.61 51.79 43.61 51.79s43.61-17.13 43.61-51.79c0-34.84-20.97-59.06-43.61-59.06"/><g fill="#404040"><ellipse cx="42.62" cy="74.51" rx="6.41" ry="6.64"/><ellipse cx="85.38" cy="74.51" rx="6.41" ry="6.64"/></g><path fill="#E59600" d="M69.02 86.53a1.6 1.6 0 0 0-.42-.11h-9.2c-.14.02-.28.05-.42.11c-.83.34-1.29 1.2-.9 2.12c.4.92 2.23 3.5 5.92 3.5s5.52-2.58 5.92-3.5c.39-.91-.07-1.78-.9-2.12"/><path fill="#795548" d="M74.95 96.95c-4.14 2.46-17.73 2.46-21.87 0c-2.38-1.42-4.81.75-3.82 2.91c.97 2.13 8.38 7.06 14.79 7.06s13.73-4.93 14.7-7.06c.98-2.16-1.42-4.32-3.8-2.91"/><path fill="#543930" d="M64 4.6h-.04c-57.44.31-45.67 65.91-45.67 65.91s2.58 6.77 3.75 9.75c.17.43.79.38.89-.07c1.23-5.49 5.64-24.94 7.87-30.85c1.31-3.49 4.93-5.51 8.59-4.85c5.63 1.02 14.6 2.28 24.49 2.28h.22c9.89 0 18.86-1.26 24.49-2.28c3.66-.66 7.28 1.36 8.59 4.85c2.22 5.89 6.6 25.23 7.84 30.8c.1.45.73.5.9.07l3.77-9.69C109.68 70.51 121.45 4.91 64 4.6"/><radialGradient id="SVGyyM6Ee6X" cx="63.984" cy="68.951" r="48.156" gradientTransform="matrix(1 0 0 -1.1282 0 136.838)" gradientUnits="userSpaceOnUse"><stop offset=".794" stop-color="#6D4C41" stop-opacity="0"/><stop offset="1" stop-color="#6D4C41"/></radialGradient><path fill="url(#SVGyyM6Ee6X)" d="M109.68 70.51S121.45 4.9 64 4.6h-.04c-.89.01-1.77.03-2.63.06q-2.565.105-4.95.39c-.02 0-.03 0-.05.01c-.11.01-.21.03-.33.05c-48.35 6.08-37.71 65.4-37.71 65.4l3.76 9.7c.17.43.79.39.89-.06c1.24-5.54 5.64-24.91 7.86-30.81c1.31-3.49 4.93-5.51 8.59-4.85c5.63 1.02 14.6 2.28 24.49 2.28h.22c9.89 0 18.86-1.26 24.49-2.28c3.66-.66 7.28 1.36 8.59 4.85c2.23 5.92 6.64 25.41 7.86 30.87c.1.45.72.5.88.07c1.17-2.97 3.76-9.77 3.76-9.77"/><path fill="#6D4C41" d="M95.18 64.04c.01-.01-2.96-4.67-9.83-4.67s-9.84 4.66-9.84 4.66l.01.01c-.24.33-.39.74-.39 1.19c0 1.12.91 2.04 2.04 2.04c.23 0 .8-.17.86-.19c4.11-1.7 7.34-1.71 7.34-1.71s3.2.01 7.31 1.71c.05.02.62.19.86.19c1.12 0 2.04-.91 2.04-2.04c-.01-.45-.16-.86-.4-1.19m-42.71 0c.01-.01-2.96-4.67-9.83-4.67s-9.84 4.66-9.84 4.66l.01.01c-.24.33-.39.74-.39 1.19c0 1.12.91 2.04 2.04 2.04c.23 0 .8-.17.85-.19c4.12-1.7 7.34-1.71 7.34-1.71s3.2.01 7.31 1.71c.05.02.62.19.85.19c1.12 0 2.04-.91 2.04-2.04c.01-.45-.14-.86-.38-1.19"/></svg>

Man アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Noto Emoji の関連アイコン

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

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

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

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

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

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

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

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

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