Icône House

emojione-v1:house

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

Collection: Emoji One (v1)
Auteur: Emoji One
Licence: CC-BY-SA-4.0
Taille: 64 × 64
Catégorie: Voyage

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="#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>

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans Emoji One (v1)

L'icône House dans d'autres collections

FAQ : Icône House

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

Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône House dans React ?

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

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

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

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