Factory アイコン
fluent-emoji-flat:factory
Factory アイコン(fluent-emoji-flat:factory)は、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
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M5 20.88q0 .12.03.12h2.94Q8 21 8 20.88V17l-.5-1.5L8 14v-3l-.5-1.5L8 8V5l-1.5-.5L5 5v3l.5 1.5L5 11v3l.5 1.5L5 17zm7 0q0 .12.03.12h2.94q.03 0 .03-.12V17l-.5-1.5l.5-1.5v-3l-.5-1.5L15 8V5l-1.5-.5L12 5v3l.5 1.5L12 11zM17.866 30H30V13.13c0-.63-.511-1.13-1.133-1.13h-9.734A1.13 1.13 0 0 0 18 13.13V17l-.134.217z"/><path fill="#9b9b9b" d="m2.21 20.91l7.245-3.63c.25-.12.54.06.54.33v2.79c0 .28.29.46.54.33L18 17v13h-2.033l-2.472-1.537L11.023 30H8.94l-2.501-1.537L3.937 30H2v-8.77c0-.13.08-.26.21-.32"/><path fill="#83cbff" d="M20 14.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z"/><path fill="#1c1c1c" d="M21 30h6v-3.637c0-.2-.17-.363-.381-.363H21.38a.37.37 0 0 0-.381.363zM9 30H4v-2.62c0-.21.17-.38.38-.38h4.24c.21 0 .38.17.38.38zm7 0h-5v-2.62c0-.21.17-.38.38-.38h4.24c.21 0 .38.17.38.38z"/><path fill="#f8312f" d="M8 2.51C8 2.23 7.77 2 7.49 2H5.51c-.28 0-.51.23-.51.51V5h3zM8 14H5v3h3zM5 8h3v3H5zm10-5.49c0-.28-.23-.51-.51-.51h-1.98c-.28 0-.51.23-.51.51V5h3zM15 8h-3v3h3zm-3 6h3v3h-3z"/></g></svg>
Factory アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:factory" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:factory" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:factory" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--factory]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:factory"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:factory"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/factory.svg" alt="Factory アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
Factory アイコン のよくある質問
Factory アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Factory アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:factory" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Factory アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/factory.svg" alt="Factory アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
