Man Office Worker アイコン
fluent-emoji-high-contrast:man-office-worker
Man Office Worker アイコン(fluent-emoji-high-contrast:man-office-worker)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- manoffice、officeworker、manofficeworker
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m15.722 10.533l-.53 1.71c-.11.35.15.71.52.71h.78c.37 0 .63-.36.52-.71l-.53-1.71c-.11-.38-.64-.38-.76 0m-1.16 3.01c.43.23.94.36 1.48.36s1.04-.13 1.48-.36c.14-.07.3.09.21.23c-.36.55-.98.92-1.69.92s-1.33-.37-1.69-.92c-.09-.14.06-.31.21-.23m-.97-4.12c-.67 0-1.23.46-1.38 1.08c-.05.17.09.35.27.35h.44a.913.913 0 0 1 .88-1.15c.51 0 .91.41.91.91q0 .12-.03.24h.08c.15 0 .26-.13.23-.28c-.13-.66-.71-1.15-1.4-1.15m4.89 0c.67 0 1.23.46 1.38 1.08c.04.18-.09.35-.27.35h-.44q.03-.12.03-.24c0-.5-.41-.91-.91-.91a.9.9 0 0 0-.91.91q0 .12.03.24h-.08a.23.23 0 0 1-.23-.28c.13-.66.7-1.15 1.4-1.15"/><path d="M13.802 10.083a.516.516 0 0 1 .46.76h-.92a.52.52 0 0 1 .016-.513a.16.16 0 1 0 .24-.206a.5.5 0 0 1 .204-.04m4.47-.001a.5.5 0 0 0-.19.035a.16.16 0 1 1-.244.196a.52.52 0 0 0-.026.53h.92q.06-.105.06-.24c0-.29-.23-.52-.52-.52m.93-1.031c.1.07.21.11.33.11c.17 0 .33-.08.44-.21c.18-.24.14-.58-.1-.77a2.98 2.98 0 0 0-2.07-.51a.55.55 0 0 0 .13 1.09c.719-.087 1.21.25 1.266.288zm-6.97-.11c.11.15.27.22.44.22c.12 0 .23-.04.33-.11c.02-.02.52-.39 1.27-.29a.55.55 0 0 0 .13-1.09a2.98 2.98 0 0 0-2.07.51c-.24.18-.28.52-.1.76"/><path d="M5.001 31.01h22a1 1 0 0 0 1.007-1.002v-3.5a12.06 12.06 0 0 0-5.9-10.329a4.5 4.5 0 0 0 .438-1.544l.136-1.785a2.66 2.66 0 0 0 .353-3.718l.439-2.41a2.98 2.98 0 0 0-1.594-3.226l-.008-.005l-.423-.206a2.1 2.1 0 0 1-.559-.4l-.84-.84a3.3 3.3 0 0 0-3.44-.787c-.313.11-.652.115-.968.016a2.92 2.92 0 0 0-3.3.581l-1.02 1.019a2.3 2.3 0 0 1-.571.413l-.424.213a3.015 3.015 0 0 0-1.6 3.211l.442 2.433a2.66 2.66 0 0 0 .472 3.794l.131 1.726c.048.473.171.936.366 1.37A12.01 12.01 0 0 0 4.001 26.51v3.5a1 1 0 0 0 1 1m8.289-2v-7.595a.86.86 0 0 0 .922-.109l.762-.605l.316.662l-1.204 7.647zm-1.501-14.336a2 2 0 0 1-.028-.189l-.168-2.218a1 1 0 0 0-.037-.203l-.238-3.368a.48.48 0 0 1 .157-.353l.187-.168c.372-.33.568-.798.568-1.273v-.88a.05.05 0 0 1 .01-.03a.04.04 0 0 1 .02-.015l-.12-.485l.12.485c.622-.153 1.97-.425 3.84-.425s3.219.272 3.84.425a.04.04 0 0 1 .02.014a.05.05 0 0 1 .01.03v.88c0 .486.212.948.562 1.269l.202.182a.46.46 0 0 1 .157.376l-.065.938l-.074 1.082h.005l-.245 3.462a2.88 2.88 0 0 1-.942 1.894l-.016-.006a4 4 0 0 1-.538.387a2.8 2.8 0 0 1-1.276.307h-3.26c-1.283 0-2.37-.852-2.691-2.119m5.644 3.118c-.231.561-.78.957-1.426.964h-.019a1.56 1.56 0 0 1-1.44-.964zm2.277-.551c.439-.27.818-.628 1.116-1.056q.15.056.3.117l.004.008l1.23 2.62c.09.19-.05.41-.26.41h-1.05c-.24 0-.36.28-.19.45l1.36 1.33c.27.26.36.65.24 1.01l-2.75 7.86zm-1 4.174v7.595h-.825l-1.195-7.647l.32-.676l.778.62c.288.23.64.242.922.108m-4.92-2.908c.256.43.633.776 1.085.995l-1.085.862zm4.42 1.857l-1.092-.868a2.57 2.57 0 0 0 1.092-1.023zm-7.297-4.081a11 11 0 0 1 .437-.164c.256.386.578.718.95.983V29.99h-.01l-2.73-7.82a.95.95 0 0 1 .23-1l1.36-1.33c.16-.16.05-.45-.19-.45H9.91c-.21 0-.36-.22-.27-.41l1.27-2.69z"/></g></svg>
Man Office Worker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:man-office-worker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:man-office-worker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:man-office-worker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--man-office-worker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-office-worker"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:man-office-worker"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-office-worker.svg" alt="Man Office Worker アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Man Office Worker アイコン
Man Office Worker アイコン のよくある質問
Man Office Worker アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Office Worker アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:man-office-worker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Office Worker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-office-worker.svg" alt="Man Office Worker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
