House With Garden アイコン
fluent-emoji-flat:house-with-garden
House With Garden アイコン(fluent-emoji-flat:house-with-garden)は、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
- カテゴリ
- 旅行・場所
- タグ
- housewith、withgarden、housewithgarden
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#7d4533" d="M10 24H8v4h2z"/><path fill="#00d26a" d="M15.056 18.665c.336-.125.57-.28.641-.477c.123-.33.194-.693.194-1.076v-.632c0-1.687-1.333-3.053-2.982-3.085c0-1.873-1.496-3.395-3.338-3.395s-3.338 1.522-3.338 3.395h-.081c-1.669 0-3.033 1.377-3.033 3.085v.632c0 .631.194 1.221.51 1.718A3.32 3.32 0 0 0 2 21.698C2 23.52 3.455 25 5.246 25h8.508C15.544 25 17 23.52 17 21.698a3.28 3.28 0 0 0-1.944-3.033"/><path fill="#f3c07b" d="M9 28h18V15.497L18.065 7L13 11.283V7.416A.404.404 0 0 0 12.6 7h-2.19c-.23 0-.41.188-.41.416v6.404l-1 .846z"/><path fill="#8c5543" d="M17.953 28h-5.889c-.037 0-.064-.03-.064-.07v-8.808c0-.621.457-1.122 1.024-1.122h3.95c.567 0 1.024.501 1.024 1.122v8.808c.01.04-.018.07-.046.07"/><path fill="#402a32" d="M16.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#d3d3d3" d="M18.197 29h-6.394c-.44 0-.803-.451-.803-1s.362-1 .803-1h6.394c.44 0 .803.451.803 1s-.362 1-.803 1"/><path fill="#f8312f" d="M29.16 16.595L18.69 6.285c-.39-.38-1.02-.38-1.41 0l-.01.01l-10.49 10.33a.97.97 0 0 0 0 1.39c.39.38 1.02.38 1.41 0l9.79-9.65l9.77 9.62c.39.38 1.02.38 1.41 0a.97.97 0 0 0 0-1.39"/><path fill="#00f397" d="M30 30H2c0-1.1.9-2 2-2h24a2 2 0 0 1 2 2"/><path fill="#83cbff" d="M24.284 23h-3.568a.72.72 0 0 1-.716-.716v-3.568a.72.72 0 0 1 .716-.716h3.568a.72.72 0 0 1 .716.716v3.568a.72.72 0 0 1-.716.716"/><path fill="#00d26a" d="M26.32 30a3.14 3.14 0 0 0 1.51-1.806c.11-.321.17-.662.17-1.013c0-.883-.36-1.686-.95-2.268A3.17 3.17 0 0 0 24.83 24c-1.25 0-2.34.742-2.86 1.806a.85.85 0 0 1-.53.451c-.76.241-1.32.924-1.42 1.736q-.015.03 0 .06c-.02.06-.02.13-.02.201c0 .733.38 1.365.95 1.736h5.37z"/></g></svg>
House With Garden アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:house-with-garden" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:house-with-garden" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:house-with-garden" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--house-with-garden]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:house-with-garden"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:house-with-garden"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/house-with-garden.svg" alt="House With Garden アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの House With Garden アイコン
House With Garden アイコン のよくある質問
House With Garden アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で House With Garden アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:house-with-garden" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
House With Garden アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/house-with-garden.svg" alt="House With Garden アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
