Man Office Worker Medium Dark Skin Tone アイコン
noto-v1:man-office-worker-medium-dark-skin-tone
Man Office Worker Medium Dark Skin Tone アイコン(noto-v1:man-office-worker-medium-dark-skin-tone)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 人物・体
- タグ
- manoffice、officeworker、workermedium、mediumdark、darkskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#607d8b" d="M20.43 118.11V128h87.14v-9.89c0-15.17-21.39-22.87-43.24-22.84c-21.72.03-43.9 6.78-43.9 22.84"/><path fill="#d8d8d8" d="M64.44 95.27c-8.69 0-14.54 1.06-14.54 1.06L56.3 128h8.14z"/><path fill="#d8d8d8" d="M64 95.27c8.4 0 14.12 1.05 14.12 1.05L71.69 128H64z"/><path fill="#444" d="M66.82 114.09h-5.64l-1.77-7.5h9.12zm2 18.29h-9.64l2-18.29h5.64z"/><path fill="#7a4c32" d="M64 90.27h-9.08v9.59c0 4.34 3.22 6.58 7.78 6.58l3.67-.17c4.56 0 6.72-2.08 6.72-6.41v-9.59zm32.14-37.64s5.89 1.02 5.89 7.37c0 5.6-4.3 7.81-8.6 7.81V52.63zm-64.28 0s-5.89 1.02-5.89 7.37c0 5.6 4.3 7.81 8.6 7.81V52.63z"/><path fill="#9b643c" d="M64 11.06c-25.4 0-32.04 19.69-32.04 47.35c0 28.68 18.43 36.1 32.04 36.1c13.41 0 32.04-7.2 32.04-36.1c0-27.66-6.64-47.35-32.04-47.35"/><path fill="#42312c" d="M53.45 60.98c0 2.86-1.91 5.17-4.28 5.17c-2.36 0-4.29-2.32-4.29-5.17c0-2.86 1.92-5.18 4.29-5.18s4.28 2.31 4.28 5.18m21.1 0c0 2.86 1.91 5.17 4.29 5.17c2.36 0 4.28-2.32 4.28-5.17c0-2.86-1.92-5.18-4.28-5.18c-2.38 0-4.29 2.31-4.29 5.18m-1.28 17.47H54.73c-1.06 0-1.52.71-.82 1.79c.98 1.5 4.64 4.38 10.09 4.38s9.11-2.88 10.09-4.38c.7-1.08.25-1.79-.82-1.79"/><path fill="#7a4c32" d="M68.48 70.57c-1.58.45-3.22.66-4.48.66s-2.9-.22-4.48-.66c-.67-.19-.94.45-.7.87c.5.88 2.52 2.66 5.18 2.66s4.68-1.78 5.18-2.66c.24-.43-.03-1.07-.7-.87"/><path fill="#47352d" d="M64.77 7.45s-.5-.02-.71-.01c-.21 0-.71.01-.71.01c-27.41.53-35.67 17.02-35.67 28.45c0 11.11.01 19.28.01 19.28s.44-.45 1.24-1.08c.86-.67 1.81-1.04 1.81-1.04l1.38 9.28l9.13-19.08c.06-.12.18-.19.31-.17l5.41.6c5.44.6 10.91.9 16.37.91v.01c.24 0 .47-.01.71-.01s.47.01.71.01v-.01c5.46-.02 10.93-.31 16.37-.91l5.41-.6c.13-.01.25.06.31.17l9.13 19.08l1.38-9.28s.95.38 1.81 1.04c.81.63 1.24 1.08 1.24 1.08s.01-8.16.01-19.28c.01-11.43-8.25-27.92-35.65-28.45"/><path fill="#fff" d="M73.19 95.67c0 1.53-1.31 4.42-3.4 6.82c-2.12 2.44-5.65 3.95-5.65 3.95l10.39 11.08l3.72-21.19c0 .01-3.09-.47-5.06-.66"/><path fill="#455a64" d="M76.48 96.07L70.08 128h7.26l11.48-11.99l-4.75-6.6l7.12-4.71l-4.01-6.35s-5.05-1.54-10.7-2.28"/><path fill="#fff" d="M55.05 95.66c0 1.53 1.31 4.42 3.4 6.82c2.12 2.44 5.65 3.95 5.65 3.95l-10.38 11.09l-3.74-21.21c.01 0 3.04-.48 5.07-.65"/><path fill="#455a64" d="m51.76 96.05l6.4 31.95h-7.29l-11.44-12.04l4.75-6.6l-7.12-4.71l4.06-6.44s4.98-1.42 10.64-2.16"/></svg>
Man Office Worker Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:man-office-worker-medium-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:man-office-worker-medium-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:man-office-worker-medium-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--man-office-worker-medium-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:man-office-worker-medium-dark-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:man-office-worker-medium-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/man-office-worker-medium-dark-skin-tone.svg" alt="Man Office Worker Medium Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Man Office Worker Medium Dark Skin Tone アイコン
Man Office Worker Medium Dark Skin Tone アイコン のよくある質問
Man Office Worker Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Office Worker Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:man-office-worker-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Office Worker Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/man-office-worker-medium-dark-skin-tone.svg" alt="Man Office Worker Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
