Man Office Worker Medium アイコン
fluent-emoji-flat:man-office-worker-medium
Man Office Worker Medium アイコン(fluent-emoji-flat:man-office-worker-medium)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- manoffice、officeworker、workermedium、manofficeworkermedium
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="m15.996 15.996l-4.08.286A11 11 0 0 0 5 26.5V30h22v-3.5c0-4.614-2.849-8.57-6.881-10.201z"/><path fill="#d3d3d3" d="M18.71 16.12h-5.42L13.3 30h5.41z"/><path fill="#8d65c5" d="m18.874 15.88l-.164.16v13.95l2.75-7.86c.12-.36.03-.75-.24-1.01l-1.36-1.33a.262.262 0 0 1 .19-.45h1.05c.21 0 .35-.22.26-.41l-1.23-2.62l-.004-.008a11 11 0 0 0-1.252-.422m-6.961.403l-.003.007l-1.27 2.69c-.09.19.06.41.27.41h1.05c.24 0 .35.29.19.45l-1.36 1.33c-.26.26-.36.65-.23 1l2.73 7.82h.01v-13.9l-.425-.14q-.49.144-.962.333"/><path fill="#321b41" d="m15.99 18.68l-1.68.32l.98 2.11L13.93 30h4.11l-1.35-8.89l.97-2.11z"/><path fill="#e6e6e6" d="M16 15.31h-2.71v4.74c0 .31.36.49.61.29l2.1-1.67l2.1 1.67c.25.2.61.02.61-.29v-4.74z"/><path fill="#bb806e" d="M12.77 10.59a1.67 1.67 0 1 1-3.34 0a1.67 1.67 0 0 1 3.34 0m9.79 0a1.67 1.67 0 1 1-3.34 0a1.67 1.67 0 0 1 3.34 0"/><path fill="#b87a66" d="M16 18.5c-1.107 0-2-.964-2-2.159V13.66c0-1.195.893-2.159 2-2.159s2 .964 2 2.159v2.682c0 1.195-.893 2.159-2 2.159"/><path fill="#c68d7b" d="M15.555 3c-2.786 0-4.99 2.407-4.793 5.247l.396 5.691C11.326 15.721 12.709 17 14.389 17h3.222c1.68 0 3.063-1.28 3.231-3.062l.396-5.69C21.435 5.417 19.232 3 16.445 3z"/><path fill="#fff" d="M12.31 10.502c.15-.61.71-1.07 1.37-1.07c.69 0 1.26.49 1.39 1.14c.03.14-.08.27-.23.27h-2.26c-.18 0-.32-.17-.27-.34m7.59 0c-.15-.61-.71-1.07-1.37-1.07c-.69 0-1.26.49-1.39 1.14c-.03.14.08.27.23.27h2.26c.18 0 .31-.16.27-.34"/><path fill="#7d4533" d="M12.98 10.612c0-.5.41-.91.91-.91s.9.4.9.9c0 .09-.01.17-.03.25h-1.75a1 1 0 0 1-.03-.24m6.25 0c0-.5-.41-.91-.91-.91s-.9.4-.9.91q0 .12.03.24h1.75q.03-.12.03-.24"/><path fill="#000" d="M13.89 10.082a.516.516 0 0 1 .46.76h-.92a.516.516 0 0 1 .46-.76m4.43 0a.516.516 0 0 0-.46.76h.92q.06-.105.06-.24c0-.29-.23-.52-.52-.52"/><path fill="#fff" d="M13.74 10.252a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0m4.46 0a.16.16 0 1 1-.32 0a.16.16 0 0 1 .32 0"/><path fill="#593b39" d="m21.183 4.392l-.418-.21a3.1 3.1 0 0 1-.798-.59l-.817-.84a2.21 2.21 0 0 0-2.335-.55c-.525.19-1.109.19-1.634 0c-.71-.37-1.576-.22-2.15.36l-.992 1.02c-.234.24-.506.44-.808.6l-.408.21a2.015 2.015 0 0 0-1.041 2.14l.554 3.13c.059.31.321.54.623.55l-.098-1.46a.99.99 0 0 1 .312-.78l.185-.17c.253-.23.389-.56.389-.9v-.88c0-.25.165-.47.399-.53c.632-.16 1.984-.44 3.852-.44s3.22.28 3.852.44c.234.06.4.28.4.53v.88c0 .34.145.67.388.9l.195.18c.214.2.33.48.311.78l-.097 1.45a.67.67 0 0 0 .613-.55l.554-3.13a1.98 1.98 0 0 0-1.031-2.14"/><path fill="#593b39" d="M19.24 8.932c.11.07.22.11.34.11c.17 0 .33-.07.43-.22c.19-.24.14-.59-.1-.78c-.03-.03-.87-.67-2.09-.52a.56.56 0 0 0 .13 1.11a1.92 1.92 0 0 1 1.29.3m-7.05-.11c.1.14.27.22.44.22c.11 0 .23-.04.33-.11c.02-.02.53-.39 1.29-.3c.31.03.58-.19.62-.49a.57.57 0 0 0-.49-.62c-1.21-.14-2.06.49-2.09.52c-.24.19-.29.53-.1.78"/><path fill="#ab6a55" d="m15.654 10.29l-.496 1.738c-.103.356.14.722.487.722h.73c.345 0 .589-.366.486-.722l-.496-1.738c-.103-.387-.599-.387-.71 0"/><path fill="#990838" d="M16 13.706a3.1 3.1 0 0 1-1.508-.385c-.153-.085-.306.097-.214.246c.367.587.999.982 1.722.982c.724 0 1.356-.395 1.723-.982c.092-.15-.071-.32-.214-.246a3.1 3.1 0 0 1-1.509.385"/></g></svg>
Man Office Worker Medium アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:man-office-worker-medium" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:man-office-worker-medium" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:man-office-worker-medium" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-office-worker-medium]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:man-office-worker-medium"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:man-office-worker-medium"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-office-worker-medium.svg" alt="Man Office Worker Medium アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Man Office Worker Medium アイコン
Man Office Worker Medium アイコン のよくある質問
Man Office Worker Medium アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Office Worker Medium アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:man-office-worker-medium" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Office Worker Medium アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-office-worker-medium.svg" alt="Man Office Worker Medium アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
