Ícone Houses
fluent-emoji-flat:houses
O ícone Houses (fluent-emoji-flat:houses) é 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
- house
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="#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>
Como usar o ícone 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 component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/houses.svg" alt="Ícone Houses" width="24" height="24">
O ícone Houses em outras coleções
Perguntas frequentes sobre Ícone Houses
O ícone Houses é 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 Houses no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:houses" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Houses 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/houses.svg" alt="Ícone Houses">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
