Ícone House With Garden
fluent-emoji-flat:house-with-garden
O ícone House With Garden (fluent-emoji-flat:house-with-garden) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
- Tags
- housewith, withgarden, housewithgarden
Código 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>
Como usar o ícone 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 component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/house-with-garden.svg" alt="Ícone House With Garden" width="24" height="24">
Ícones relacionados em Fluent Emoji Flat
O ícone House With Garden em outras coleções
Perguntas frequentes sobre Ícone House With Garden
O ícone House With Garden é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone House With Garden no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:house-with-garden" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone House With Garden a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/house-with-garden.svg" alt="Ícone House With Garden">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
