Man Teacher Medium Light アイコン
fluent-emoji-flat:man-teacher-medium-light
Man Teacher Medium Light アイコン(fluent-emoji-flat:man-teacher-medium-light)は、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
- カテゴリ
- 人物・体
- タグ
- manteacher、teachermedium、mediumlight、manteachermediumlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffce7c" d="m3 7l7.5 12l17 5l2.306.806a.6.6 0 0 0 .174-.446V4.62c0-.34-.27-.62-.62-.62H2.62c-.17 0-.325.07-.437.183z"/><path fill="#e19747" d="M2.62 24.99h26.75c.17 0 .325-.07.436-.184L29 24L3 5l-.817-.817A.62.62 0 0 0 2 4.62v19.75c0 .34.28.62.62.62"/><path fill="#44911b" d="M3 23.99V5h25.99v18.99z"/><path fill="#8c5543" d="M9 18.015a10.96 10.96 0 0 1 7-2.515c2.66 0 5.099.945 7 2.518L24.5 24L23 30H9l-1.5-6z"/><path fill="#6d4534" d="M11.29 18.94L12.65 16H14v14l-2.8-7.87a.95.95 0 0 1 .23-1l1.36-1.33c.16-.16.05-.45-.19-.45h-1.05c-.21 0-.35-.22-.26-.41m9.47 0L19.4 16H18v14l2.85-7.87c.13-.35.03-.74-.23-1l-1.36-1.33a.265.265 0 0 1 .19-.45h1.05c.21 0 .35-.22.26-.41M9 18c-2.43 2.03-4.01 5.09-4 8.5V30h4zm14 0v12h4v-1l-.01-2.51c0-3.41-1.54-6.47-3.99-8.49"/><path fill="#e6e6e6" d="M18.05 16.82h-4.11V30h4.11z"/><path fill="#e4b29a" d="M16 18.682c-1.107 0-2-.92-2-2.06v-2.56c0-1.14.893-2.06 2-2.06s2 .92 2 2.06v2.56c0 1.14-.893 2.06-2 2.06m-3.2-7.87a1.66 1.66 0 1 1-3.32 0a1.66 1.66 0 0 1 3.32 0m9.72 0a1.66 1.66 0 1 1-3.32 0a1.66 1.66 0 0 1 3.32 0"/><path fill="#eebfaa" d="M15.55 3.392c-2.82 0-5.05 2.39-4.85 5.21l.4 5.65c.17 1.77 1.57 3.04 3.27 3.04h3.26c1.7 0 3.1-1.27 3.27-3.04l.4-5.65c.2-2.81-2.03-5.21-4.85-5.21z"/><path fill="#fff" d="M12.21 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-.31-.16-.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.88 10.612c0-.5.41-.91.91-.91s.9.4.9.91q0 .12-.03.24h-1.75a1 1 0 0 1-.03-.24m6.25 0c0-.5-.41-.91-.91-.91s-.91.4-.9.91q0 .12.03.24h1.75q.03-.12.03-.24"/><path fill="#000" d="M13.78 10.082a.516.516 0 0 1 .46.76h-.92a.516.516 0 0 1 .46-.76m4.44 0a.516.516 0 0 0-.46.76h.92q.06-.105.06-.24c0-.29-.23-.52-.52-.52"/><path fill="#fff" d="M13.64 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="#fff9ba" d="m21.33 4.392l-.43-.21c-.3-.15-.58-.35-.82-.59l-.84-.84c-.63-.63-1.56-.84-2.4-.55c-.54.19-1.14.19-1.68 0c-.74-.37-1.63-.22-2.21.36l-1.02 1.02c-.25.24-.52.44-.83.6l-.43.21a2 2 0 0 0-1.07 2.14l.57 3.13c.07.31.34.54.65.55l-.1-1.46c-.02-.29.1-.58.32-.78l.19-.17c.26-.23.4-.56.4-.9v-.88c0-.25.17-.47.41-.53c.65-.16 2.04-.44 3.96-.44s3.31.28 3.96.44c.24.06.41.28.41.53v.88c0 .34.15.67.4.9l.2.18c.22.2.34.48.32.78l-.1 1.45a.68.68 0 0 0 .63-.55l.57-3.13c.17-.87-.27-1.74-1.06-2.14"/><path fill="#a56953" d="M19.14 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.286.297zm-7.05-.11c.1.14.27.22.44.22c.11 0 .23-.04.33-.1c.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.18-.28.53-.1.77"/><path fill="#d19479" d="m15.62 10.462l-.52 1.7c-.11.35.15.7.52.7h.78c.36 0 .62-.35.52-.7l-.52-1.7c-.13-.37-.66-.37-.78 0"/><path fill="#990838" d="M16 13.932c-.55 0-1.06-.13-1.5-.36c-.15-.08-.3.09-.21.23c.36.56.99.93 1.71.93s1.35-.37 1.71-.93c.09-.14-.07-.31-.21-.23c-.44.23-.95.36-1.5.36"/><path fill="#433b6b" d="M20.76 9.032h-3.48c-.3 0-.58.14-.77.37a.64.64 0 0 1-.51.24a.64.64 0 0 1-.51-.24c-.19-.23-.47-.37-.77-.37h-3.48c-.19 0-.34.15-.34.34v.22c0 .11.05.2.13.26c.05.03.07.08.07.13v1.1c0 1.05.85 1.91 1.91 1.91h.71c1.05 0 1.91-.85 1.91-1.91v-.6c.01-.2.17-.35.37-.35s.36.16.37.36v.6c0 1.06.86 1.91 1.91 1.91H19c1.06 0 1.91-.86 1.91-1.91v-1.11c0-.05.02-.1.06-.13c.08-.06.13-.16.13-.26v-.22c0-.19-.15-.34-.34-.34m-5.46 1.96c0 .91-.74 1.65-1.65 1.65h-.55c-.91 0-1.65-.74-1.65-1.65v-.73c0-.49.39-.88.88-.88h2.08c.49 0 .88.39.88.88v.73zm5.28 0c0 .91-.74 1.65-1.65 1.65h-.55c-.91 0-1.65-.74-1.65-1.65v-.73c0-.49.39-.88.88-.88h2.09c.49 0 .88.39.88.88z"/><path fill="#e4b29a" d="M9.33 24.11c0-.55.45-1 1-1s1 .45 1 1v2.29h-2zm13.35 0c0-.55-.45-1-1-1s-1 .45-1 1v2.29h2z"/><path fill="#f92f60" d="M11.31 22.88V30h10.34v-8.19c0-.45-.36-.81-.81-.81H13.2c-1.05-.01-1.89.84-1.89 1.88"/><path fill="#433b6b" d="M10.31 30v-8.12c0-1.04.84-1.89 1.89-1.88h8.64c.45 0 .81.36.81.81v.625H12V30z"/><path fill="#e6e6e6" d="M21.64 20.86H12.1a.87.87 0 0 0 0 1.74h9.54z"/><path fill="#eebfaa" d="M14.26 25.49a.763.763 0 0 0-.77-.73v-.01h-3.3a.87.87 0 0 0-.87.87v3.51c0 .48.39.87.87.87h3.3c.41 0 .76-.32.77-.73c0-.27-.13-.51-.34-.65c.21-.13.34-.36.34-.62s-.14-.49-.34-.62c.21-.13.34-.36.34-.62s-.14-.49-.34-.62a.75.75 0 0 0 .34-.65m3.47 0c.01-.41.36-.73.77-.73v-.01h3.3c.48 0 .87.39.87.87v3.51c0 .48-.39.87-.87.87h-3.3c-.41 0-.76-.32-.77-.73c0-.27.13-.51.34-.65a.72.72 0 0 1-.34-.62c0-.26.14-.49.34-.62a.72.72 0 0 1-.34-.62c0-.26.14-.49.34-.62a.75.75 0 0 1-.34-.65"/></g></svg>Man Teacher Medium Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:man-teacher-medium-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:man-teacher-medium-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:man-teacher-medium-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-teacher-medium-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:man-teacher-medium-light"></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-teacher-medium-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-teacher-medium-light.svg" alt="Man Teacher Medium Light アイコン" 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 Teacher Medium Light アイコン
Man Teacher Medium Light アイコン のよくある質問
Man Teacher Medium Light アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Teacher Medium Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:man-teacher-medium-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Teacher Medium Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-teacher-medium-light.svg" alt="Man Teacher Medium Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。