Man Genie アイコン

Q: Man Genie アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji-high-contrast:man-genie

Man Genie アイコン(fluent-emoji-high-contrast:man-genie)は、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
カテゴリ: 人物・体
タグ: mangenie

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.793 6.15a.78.78 0 1 1-1.56 0a.78.78 0 0 1 1.56 0m-3.898 4.172c.248-.232.638-.389 1.277-.32a.5.5 0 1 0 .107-.994c-.86-.093-1.56.11-2.067.584a.5.5 0 1 0 .683.73m6.187-.002c-.243-.231-.622-.386-1.246-.318a.5.5 0 1 1-.109-.994c.85-.093 1.543.111 2.044.587a.5.5 0 1 1-.69.724"/><path fill-rule="evenodd" d="M18.315 10.884c.65 0 1.2.45 1.36 1.06c.04.17-.09.34-.27.34h-2.23c-.14 0-.26-.13-.23-.27c.13-.64.69-1.13 1.37-1.13m-.2.27a.892.892 0 0 1 .86 1.13h-.41q.06-.105.06-.24a.512.512 0 0 0-.692-.476a.16.16 0 1 1-.243.194a.51.51 0 0 0-.026.522h-.41a1 1 0 0 1-.03-.24a.88.88 0 0 1 .89-.89m-4.559-.27c-.65 0-1.2.45-1.36 1.06c-.04.17.1.34.28.34h2.23c.14 0 .26-.13.23-.27c-.13-.64-.7-1.13-1.38-1.13m.21.27a.892.892 0 0 0-.86 1.13h.41a.5.5 0 0 1 .01-.496a.16.16 0 1 0 .238-.212a.512.512 0 0 1 .652.708h.41c.02-.08.03-.15.03-.24c.01-.49-.4-.89-.89-.89" clip-rule="evenodd"/><path d="M19.541 3.692h-7.037c-1.792 0-3.157 1.573-2.882 3.318l.21 1.33l.027 1.591a2.714 2.714 0 0 0 .078 4.75l.015.885c.011.698.201 1.352.525 1.919A11 11 0 0 0 8 19.45C6.14 21.42 5 24.077 5 27v3h22v-3c0-3.416-1.557-6.468-4-8.486q-.683-.564-1.453-1.015a4 4 0 0 0 .533-1.889l.029-1.04a2.7 2.7 0 0 0 1.236-2.27c0-.899-.44-1.694-1.114-2.184l.058-2.088q.001-.068-.006-.135l.14-.883c.275-1.745-1.09-3.318-2.882-3.318M14.851 7a1.44 1.44 0 1 1 2.324-1.7A1.44 1.44 0 0 1 14.851 7m-3.981 3.603c.037 2.045.056 3.373.056 3.373a1.717 1.717 0 0 1-.056-3.373m10.256 3.328s-.012.26.089-3.232a1.7 1.7 0 0 1-.09 3.232M11.85 8.586q.236-.085.5-.086h7.37q.28.002.528.095l-.175 6.955a2 2 0 0 1-1.393 1.856a1.5 1.5 0 0 0 .056-.406v-1.294a1.5 1.5 0 0 0-1.5-1.5h-.38a.6.6 0 0 0 .055-.49l-.565-1.9a.428.428 0 0 0-.825 0l-.554 1.9a.6.6 0 0 0 .055.49h-.17a1.5 1.5 0 0 0-1.5 1.5V17q0 .222.06.426a2 2 0 0 1-1.457-1.896zM17.5 19.5h.5V28h-.5zm-2 0h.999V28H15.5zm-1.5 0h.5V28H14zm-6 3.373V28H7v-1c0-1.488.36-2.89 1-4.127m15-1.53A8.96 8.96 0 0 1 25 27v1h-2zm-5.398-5.979c.083.09.135.21.135.342V17a.5.5 0 0 1-.5.5H16.5V17a.5.5 0 0 0-1 0v.5h-.648a.5.5 0 0 1-.5-.5v-1.294q.002-.135.064-.245c.372.44.959.72 1.584.72c.67 0 1.233-.32 1.602-.817"/></g></svg>

Man Genie アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji-high-contrast:man-genie" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji-high-contrast:man-genie" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji-high-contrast:man-genie" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--man-genie]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-genie"></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-genie"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-genie.svg" alt="Man Genie アイコン" width="24" height="24">

Fluent Emoji High Contrast の関連アイコン

他のアイコンセットの Man Genie アイコン

Man Genie アイコンのよくある質問

Man Genie アイコンは商用利用でも無料ですか?

はい。Fluent Emoji High Contrast icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Man Genie アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:man-genie" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Man Genie アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-genie.svg" alt="Man Genie アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji High Contrast アイコンをすべて見る →