Ícone House

emojione-v1:house

O ícone House (emojione-v1:house) é um ícone SVG gratuito da coleção Emoji One (v1) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (v1)
Autor: Emoji One
Licença: CC-BY-SA-4.0
Tamanho: 64 × 64
Categoria: Viagens

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#bbbcbe" d="M6.06 57.511h52.01v4.05H6.06z"/><path fill="#633d19" d="M13.495 11.57h6.741v11.669h-6.741z"/><path fill="#f0ca93" d="M6.06 55.485h52.01v4.054H6.06z"/><path fill="#992c3e" d="m9.561 27.879l-3.146.934l-2.623 2.166l-2.6 3.11h7.3zm44.826 0l3.14.934l2.62 2.166l2.609 3.11h-7.299z"/><path fill="#bbbcbe" d="M40.057 56.299c.573 0 1.041.541 1.041 1.206c0 .674-.468 1.21-1.041 1.21H23.75c-.575 0-1.041-.536-1.041-1.21c0-.665.465-1.206 1.041-1.206z"/><path fill="#999" d="M41.107 58.717c.655 0 1.19.546 1.19 1.216c0 .665-.535 1.21-1.19 1.21H22.521c-.653 0-1.185-.545-1.185-1.21c0-.67.532-1.216 1.185-1.216z"/><path fill="#7c7d7e" d="M42.277 61.139c.731 0 1.323.546 1.323 1.211s-.592 1.211-1.323 1.211H21.556c-.729 0-1.321-.546-1.321-1.211s.592-1.211 1.321-1.211z"/><path fill="#e7e5e5" d="m7.465 29.548l24.582-19.512l24.622 19.512v26.611h-49.2z"/><path fill="#d1d2d2" d="M16.456 56.159H7.465v-27.24l23.952-18.883l1.167.654l-16.13 18.547z"/><g fill="#df394c"><path d="M32.728 9.431c.39.628.177 1.525-.461 2L2.047 33.798c-.64.477-1.477.349-1.864-.28c-.385-.633-.177-1.531.465-2l30.22-22.371c.64-.471 1.477-.343 1.862.288"/><path d="M31.257 9.431c-.385.628-.174 1.525.466 2l30.22 22.368c.645.477 1.477.349 1.864-.28c.388-.633.179-1.531-.464-2L33.123 9.148c-.645-.472-1.48-.344-1.865.287"/></g><path fill="#4e6b78" d="M37.347 56.494v-9.06c0-3.215-2.366-5.811-5.282-5.811c-2.921 0-5.283 2.596-5.283 5.811v9.06z"/><path fill="#405967" d="M33.767 41.939a4.8 4.8 0 0 0-1.699-.312c-2.921 0-5.283 2.596-5.283 5.811v9.06h3.396v-9.06c0-2.559 1.499-4.724 3.586-5.499"/><path fill="#df394c" d="M21.966 11.121c0 .599-.571 1.084-1.277 1.084h-7.493c-.706 0-1.277-.486-1.277-1.084s.571-1.084 1.277-1.084h7.493c.706 0 1.277.485 1.277 1.084"/><path fill="#28a6de" d="M22.057 46.129c0 1.242-1.068 2.251-2.387 2.251h-6.48c-1.318 0-2.389-1.01-2.389-2.251v-9.01c0-1.243 1.071-2.251 2.389-2.251h6.48c1.318 0 2.387 1.01 2.387 2.251zm31.1-.435c0 1.243-1.068 2.252-2.389 2.252h-6.479c-1.321 0-2.388-1.01-2.388-2.252v-9.01c0-1.248 1.066-2.252 2.388-2.252h6.479c1.32 0 2.389 1 2.389 2.252z"/></svg>

Como usar o ícone House

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-v1:house" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-v1:house" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-v1:house" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--house]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:house"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-v1:house"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-v1/house.svg" alt="Ícone House" width="24" height="24">

Ícones relacionados em Emoji One (v1)

O ícone House em outras coleções

Perguntas frequentes sobre Ícone House

O ícone House é grátis para uso comercial?

Sim. Emoji One (v1) icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone House no React?

Instale @iconify/react e renderize <Icon icon="emojione-v1:house" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone House a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/emojione-v1/house.svg" alt="Ícone House">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Emoji One (v1) →