Houses アイコン
fluent-emoji-flat:houses
Houses アイコン(fluent-emoji-flat:houses)は、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
- カテゴリ
- 旅行・場所
- タグ
- house
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00f397" d="M30 29H2V17.878c0-.489.4-.878.879-.878H29.11c.49 0 .879.4.879.878V29z"/><path fill="#f3c07b" d="M5.97 5.27v1.891l2.565-2.109l4.531 4.18L16.5 6L19 8.353V5.27c0-.15.12-.27.27-.27h1.44c.14 0 .26.12.26.27v1.968l2.623-2.186l5.39 5.04v7.41H25V24H8v-6.497H3v-7.9l1-.822V5.27c0-.15.12-.27.27-.27h1.44c.14 0 .26.12.26.27"/><path fill="#f8312f" d="m11.791 8.76l-5.409 5.323c-.35.35-.35.91 0 1.25s.92.35 1.27 0l8.83-8.7l8.8 8.67a.9.9 0 0 0 1.27 0c.35-.35.36-.9.01-1.24l-5.875-5.789l2.886-2.841l5.87 5.78c.23.23.61.23.85 0s.22-.61-.01-.84l-6.29-6.2a.61.61 0 0 0-.85 0s-.01 0-.01.01l-3.299 3.25l-2.712-2.67a.9.9 0 0 0-1.27 0s-.01 0-.01.01L12.64 7.925L8.833 4.173a.61.61 0 0 0-.85 0s-.01 0-.01.01l-6.3 6.21c-.23.23-.23.61 0 .84s.61.23.85 0l5.89-5.8z"/><path fill="#83cbff" d="M21.429 19H18.57a.57.57 0 0 1-.571-.571V15.57c0-.32.26-.571.571-.571h2.858c.32 0 .571.26.571.571v2.858c0 .32-.25.571-.571.571"/><path fill="#8c5543" d="M16 23.37h-6v-7.35c0-.56.46-1.02 1.02-1.02h3.96c.56 0 1.02.46 1.02 1.02z"/><path fill="#402a32" d="M14.44 19.88a.44.44 0 1 0 0-.88a.44.44 0 0 0 0 .88"/><path fill="#d3d3d3" d="M9 24c0-.556.582-1 1.292-1h5.416c.71 0 1.292.452 1.292 1"/><path fill="#00d26a" d="M2.08 18.087c.13.391.401.712.762.903V19H5.53c.28-.19.471-.512.471-.873c0-.04 0-.07-.01-.1v-.03a1.04 1.04 0 0 0-.712-.873a.4.4 0 0 1-.26-.221A1.6 1.6 0 0 0 3.584 16c-.431 0-.822.17-1.113.451a1.6 1.6 0 0 0-.39 1.636m27.84 0a1.58 1.58 0 0 1-.762.903V19H26.47a1.06 1.06 0 0 1-.471-.873c0-.04 0-.07.01-.1v-.03c.05-.412.33-.753.712-.873c.11-.03.21-.11.26-.221a1.594 1.594 0 0 1 2.547-.452a1.6 1.6 0 0 1 .39 1.636M26.534 25a2.6 2.6 0 0 0 1.32-1.51a2.4 2.4 0 0 0 .146-.842c0-.731-.31-1.407-.825-1.889A2.87 2.87 0 0 0 25.233 20a2.8 2.8 0 0 0-2.505 1.51a.71.71 0 0 1-.466.37a1.77 1.77 0 0 0-1.243 1.444q-.015.03 0 .046c-.019.047-.019.111-.019.167c0 .611.33 1.157.825 1.463zM4.146 23.49A2.58 2.58 0 0 0 5.466 25h4.709c.495-.306.825-.852.825-1.463c0-.055 0-.12-.02-.167q.015-.016 0-.046c-.087-.676-.582-1.24-1.242-1.444a.71.71 0 0 1-.466-.37A2.8 2.8 0 0 0 6.767 20c-.757 0-1.437.296-1.942.76A2.6 2.6 0 0 0 4 22.647c0 .296.049.574.146.843"/></g></svg>
Houses アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:houses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:houses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:houses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--houses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:houses"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:houses"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/houses.svg" alt="Houses アイコン" width="24" height="24">
Houses アイコン のよくある質問
Houses アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Houses アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:houses" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Houses アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/houses.svg" alt="Houses アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
