Man Office Worker アイコン

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

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

noto:man-office-worker

Man Office Worker アイコン(noto:man-office-worker)は、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
カテゴリ: 人物・体
タグ: manoffice、officeworker、manofficeworker

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVGA0koktQd" x1="64" x2="64" y1="32.312" y2="4.301" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".003" stop-color="#E3F2FD"/><stop offset=".225" stop-color="#D6ECFC"/><stop offset=".635" stop-color="#B4DBFB"/><stop offset="1" stop-color="#90CAF9"/></linearGradient><path fill="url(#SVGA0koktQd)" d="M64.14 96H64c-25.65.03-52 7.1-52 24.99v2.95h104v-2.95C116 104.12 89.9 96 64.14 96"/><path fill="#1565C0" d="m66.28 113.27l2.37-4.65l-4.65-5.47l-4.65 5.47l2.37 4.65l-2.87 10.69h10.3z"/><linearGradient id="SVG23ABpdII" x1="64" x2="64" y1="16.319" y2="34.552" gradientTransform="matrix(1 0 0 -1 0 128)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#F5F5F5"/><stop offset="1" stop-color="#DADADA"/></linearGradient><path fill="url(#SVG23ABpdII)" d="M75.02 91.38H52.98l-6.59 7.12l9.48 14.69L64 103.15l8.13 10.04l9.48-14.69z"/><path fill="#E59600" d="M64 84.33h-9.08v9.98c0 4.51 3.7 8.17 8.26 8.17h1.65c4.56 0 8.26-3.66 8.26-8.17v-9.98zm27.33-33.9H36.67c-5.89 0-10.71 5.14-10.71 11.41s4.82 11.41 10.71 11.41h54.65c5.89 0 10.71-5.14 10.71-11.41s-4.81-11.41-10.7-11.41"/><path fill="#FFCA28" d="M64 11.07c-17.4 0-33.52 18.61-33.52 45.4c0 26.64 16.61 39.81 33.52 39.81S97.52 83.1 97.52 56.46c0-26.78-16.12-45.39-33.52-45.39"/><g fill="#404040"><ellipse cx="47.56" cy="58.81" rx="4.93" ry="5.1"/><ellipse cx="80.44" cy="58.81" rx="4.93" ry="5.1"/></g><path fill="#E59600" d="M67.86 68.06c-.11-.04-.21-.07-.32-.08h-7.08c-.11.01-.22.04-.32.08c-.64.26-.99.92-.69 1.63s1.71 2.69 4.55 2.69s4.25-1.99 4.55-2.69c.3-.71-.05-1.37-.69-1.63"/><path fill="#795548" d="M72.42 76.14c-3.18 1.89-13.63 1.89-16.81 0c-1.83-1.09-3.7.58-2.94 2.24c.75 1.63 6.44 5.42 11.37 5.42s10.55-3.79 11.3-5.42c.75-1.66-1.09-3.33-2.92-2.24"/><path fill="#543930" d="M64 4.03h-.04c-45.43.24-36.12 52.14-36.12 52.14s2.04 5.35 2.97 7.71c.13.34.63.3.71-.05c.97-4.34 4.46-19.73 6.22-24.41a6.075 6.075 0 0 1 6.79-3.83c4.45.81 11.55 1.81 19.37 1.81h.16c7.82 0 14.92-1 19.37-1.81c2.9-.53 5.76 1.08 6.79 3.83c1.75 4.66 5.22 19.96 6.2 24.36c.08.36.58.39.71.05l2.98-7.67c.02.01 9.33-51.89-36.11-52.13"/><radialGradient id="SVGF9d5kdeV" cx="63.983" cy="80.901" r="38.093" gradientTransform="matrix(1 0 0 -1.1282 0 138.37)" gradientUnits="userSpaceOnUse"><stop offset=".794" stop-color="#6D4C41" stop-opacity="0"/><stop offset="1" stop-color="#6D4C41"/></radialGradient><path fill="url(#SVGF9d5kdeV)" d="M100.13 56.17S109.44 4.27 64 4.03h-.04c-.71 0-1.4.02-2.08.05c-1.35.06-2.66.16-3.92.31h-.04c-.09.01-.17.03-.26.04c-38.24 4.81-29.82 51.74-29.82 51.74l2.98 7.68c.13.34.62.31.7-.05c.98-4.39 4.46-19.71 6.22-24.37a6.075 6.075 0 0 1 6.79-3.83c4.45.81 11.55 1.81 19.37 1.81h.16c7.82 0 14.92-1 19.37-1.81c2.9-.53 5.76 1.08 6.79 3.83c1.76 4.68 5.25 20.1 6.21 24.42c.08.36.57.39.7.05c.95-2.36 3-7.73 3-7.73"/><path fill="#6D4C41" d="M40.01 50.72c2.99-4.23 9.78-4.63 13.67-1.48c.62.5 1.44 1.2 1.68 1.98c.4 1.27-.82 2.26-2.01 1.96c-.76-.19-1.47-.6-2.22-.83c-1.37-.43-2.36-.55-3.59-.55c-1.82-.01-2.99.22-4.72.92c-.71.29-1.29.75-2.1.41c-.93-.38-1.28-1.57-.71-2.41m46.06 2.41c-.29-.13-.57-.29-.86-.41c-1.78-.74-2.79-.93-4.72-.92c-1.7.01-2.71.24-4.04.69c-.81.28-1.84.98-2.74.71c-1.32-.4-1.28-1.84-.56-2.76c.86-1.08 2.04-1.9 3.29-2.44c2.9-1.26 6.44-1.08 9.17.55c.89.53 1.86 1.26 2.4 2.18c.78 1.3-.4 3.03-1.94 2.4"/></svg>

Man Office Worker アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Noto Emoji の関連アイコン

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

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

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

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

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

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

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

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

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