Man Technologist アイコン
fluent-emoji-flat:man-technologist
Man Technologist アイコン(fluent-emoji-flat:man-technologist)は、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
- カテゴリ
- 人物・体
- タグ
- mantechnologist
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fdbb11" 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="#ffc83d" 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="#f1a11e" 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="#d37034" 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="#ed9200" 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="#990839" d="M16 13.706c-.55 0-1.07-.14-1.508-.385c-.153-.085-.306.096-.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"/><path fill="#ffc83d" d="M2.087 28.608c.53-1.23 1.77-2.1 3.2-2.1c1.44 0 2.68.88 3.22 2.13c.27.65-.22 1.36-.92 1.36h-4.6a.984.984 0 0 1-.9-1.39m21.37 0a3.493 3.493 0 0 1 6.42.03c.27.65-.22 1.36-.92 1.36h-4.6c-.71 0-1.18-.73-.9-1.39"/><path fill="#a999be" d="M25.987 16.018H5.957c-.53 0-.96.44-.96.97v13h21.96v-13a.984.984 0 0 0-.97-.97"/><path fill="#533566" d="M14.444 21.89a.25.25 0 0 1 .25-.25h2.61a.25.25 0 0 1 .25.25v2.417a.25.25 0 0 1-.25.25h-2.61a.25.25 0 0 1-.25-.25z"/></g></svg>Man Technologist アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:man-technologist" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:man-technologist" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:man-technologist" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-technologist]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:man-technologist"></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-technologist"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-technologist.svg" alt="Man Technologist アイコン" width="24" height="24">Fluent Emoji Flat の関連アイコン
man
man-artist
man-artist-dark
man-artist-light
man-artist-medium
man-artist-medium-dark
man-artist-medium-light
man-astronaut
man-astronaut-dark
man-astronaut-light
man-astronaut-medium
man-astronaut-medium-dark
man-astronaut-medium-light
man-bald
man-bald-dark
man-bald-light
man-bald-medium
man-bald-medium-dark
man-bald-medium-light
man-beard
man-beard-dark
man-beard-light
man-beard-medium
man-beard-medium-dark
他のアイコンセットの Man Technologist アイコン
Man Technologist アイコン のよくある質問
Man Technologist アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Technologist アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:man-technologist" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Technologist アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-technologist.svg" alt="Man Technologist アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。