Icône Houses

emojione:houses

L'icône Houses (emojione:houses) est une icône SVG gratuite de la collection Emoji One (Colored) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Emoji One (Colored)
Auteur: Emoji One
Licence: CC-BY-4.0
Taille: 64 × 64
Catégorie: Voyage
Mots-clés: house

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#83bf4f" d="M36.4 54.7c0-1.2-.9-2.1-2.1-2.1c-.2 0-.5 0-.7.1c-.3-.5-.8-.9-1.4-.9c-.4 0-.7.1-1 .3v-.3c0-.9-.7-1.6-1.6-1.6c-.8 0-1.4.6-1.5 1.3c-.2-.2-.4-.2-.7-.2c-.6 0-1.1.5-1.1 1.1v6.3h8.4c.9 0 1.6-.7 1.6-1.6c0-.4-.2-.8-.4-1.1c.3-.4.5-.9.5-1.3"/><path fill="#699635" d="M36.4 57c0-.4-.2-.8-.4-1.1c.3-.4.4-.8.4-1.3c0-1.2-.9-2.1-2.1-2.1c-.2 0-.5 0-.7.1c-.2-.3-.4-.6-.8-.8c-.6.2-.9.8-.9 1.4c0 .2 0 .3.1.4c-.1-.1-.3-.1-.5-.1c-.6 0-1.1.5-1.1 1.1q0 .6.6.9c-.2.3-.4.7-.4 1.1c0 1 .8 1.8 1.8 1.8h2.4c.9.2 1.6-.5 1.6-1.4m-6.2.3c0 .6-.5-.2-1.1-.2s-1.1.8-1.1.2s.5-1.1 1.1-1.1s1.1.5 1.1 1.1m-2.3-1.8c0 .3-.2 0-.5 0s-.5.3-.5 0s.2-.5.5-.5c.2-.1.5.2.5.5"/><path fill="#83bf4f" d="M28.8 53.9c0 .3-.2-.1-.5-.1s-.5.4-.5.1s.2-.5.5-.5s.5.2.5.5m4.4 2.6c0 .4-.3-.2-.7-.2s-.7.6-.7.2s.3-.7.7-.7s.7.3.7.7m2-2c0 .6-.5-.3-1.1-.3s-1.1.9-1.1.3s.5-1.1 1.1-1.1c.6.1 1.1.6 1.1 1.1m0 2.5c0 .3-.2 0-.5 0s-.5.3-.5 0s.2-.5.5-.5s.5.2.5.5m-4.7-4.2c0 .4-.3-.2-.7-.2s-.7.6-.7.2s.3-.7.7-.7s.7.3.7.7M2 58.3h60V62H2z"/><path fill="#d0d0d0" d="M53.3 12h2.4v4.6h-2.4z"/><path fill="#94989b" d="M55.8 12h1.6v4.6h-1.6z"/><path fill="#d0d0d0" d="M52.5 10.4h4.1V12h-4.1z"/><path fill="#94989b" d="M56.6 10.4h1.6V12h-1.6z"/><path fill="#f9f3d9" d="M34.8 39.8H61v18.5H34.8zm2.8-20.9h20.6v17.2H37.6z"/><path fill="#ed4c5c" d="M62 39.8H33.8l3.8-3.7h20.6z"/><path fill="#89664c" d="M39.5 46.3h6.6v12h-6.6z"/><path fill="#dbb471" d="M38.5 44.4h8.4v1.9h-8.4z"/><circle cx="44.6" cy="52.3" r=".6" fill="#f9f3d9"/><path fill="#ed4c5c" d="m47.9 9.5l-14.1 9.4H62z"/><path fill="#d6eef0" d="M50.5 45.3h7.7V53h-7.7z"/><path fill="#89664c" d="M49.5 44.4V54h9.6v-9.6zm8.7.9v3.4h-3.4v-3.4zm-4.3 0v3.4h-3.4v-3.4zM50.5 53v-3.4h3.4V53zm4.3 0v-3.4h3.4V53z"/><path fill="#d6eef0" d="M44.1 23.5h7.7v7.7h-7.7z"/><path fill="#89664c" d="M43.1 22.6v9.6h9.6v-9.6zm8.7.9v3.4h-3.4v-3.4zm-4.4 0v3.4H44v-3.4zm-3.3 7.7v-3.4h3.4v3.4zm4.3 0v-3.4h3.4v3.4z"/><path fill="#d0d0d0" d="M21.5 12h2.4v4.6h-2.4z"/><path fill="#94989b" d="M24 12h1.6v4.6H24z"/><path fill="#d0d0d0" d="M20.7 10.4h4.1V12h-4.1z"/><path fill="#94989b" d="M24.8 10.4h1.6V12h-1.6z"/><path fill="#f9f3d9" d="M3 39.8h26.2v18.5H3zm2.8-20.9h20.6v17.2H5.8z"/><path fill="#89664c" d="M7.7 46.3h6.6v12H7.7z"/><path fill="#dbb471" d="M6.7 44.4h8.4v1.9H6.7z"/><circle cx="12.8" cy="52.3" r=".6" fill="#f9f3d9"/><path fill="#ed4c5c" d="M16.1 9.5L2 18.9h28.2z"/><path fill="#d6eef0" d="M12.2 23.5h7.7v7.7h-7.7z"/><path fill="#89664c" d="M11.3 22.6v9.6h9.6v-9.6zm8.6.9v3.4h-3.4v-3.4zm-4.3 0v3.4h-3.4v-3.4zm-3.4 7.7v-3.4h3.4v3.4zm4.4 0v-3.4H20v3.4z"/><path fill="#d6eef0" d="M18.7 45.3h7.7V53h-7.7z"/><path fill="#89664c" d="M17.7 44.4V54h9.6v-9.6zm8.7.9v3.4H23v-3.4zm-4.4 0v3.4h-3.4v-3.4zM18.7 53v-3.4H22V53zm4.3 0v-3.4h3.4V53z"/><path fill="#ed4c5c" d="M30.2 39.8H2l3.8-3.7h20.6z"/></svg>

Comment utiliser l'icône Houses

React

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

<Icon icon="emojione:houses" width="24" />

Vue

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

<template>
  <Icon icon="emojione:houses" width="24" />
</template>

Svelte

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

<Icon icon="emojione:houses" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="emojione:houses"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/emojione/houses.svg" alt="Icône Houses" width="24" height="24">

L'icône Houses dans d'autres collections

FAQ : Icône Houses

L'icône Houses est-elle gratuite pour un usage commercial ?

Oui. Les Emoji One (Colored) icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Houses dans React ?

Installez @iconify/react et affichez <Icon icon="emojione:houses" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Houses à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione/houses.svg" alt="Icône Houses">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Emoji One (Colored) →