house emoji
house from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- house
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
houseBootstrap IconshouseEmoji One (Colored)houseElement PlushouseFramework7 IconshouseFont Awesome 6 SolidhouseFont Awesome RegularhouseFont Awesome SolidhouseFluent EmojihouseFluent Emoji FlathouseLucidehouseLucide LabhouseMaterial SymbolshouseMaterial Symbols Lighthouse-fillMingCute IconhouseNoto EmojihouseOpenMojihousePhosphorhouse-boldSolarhouse-outlineTeenyiconshouseTwitter Emoji
More travel & places icons from Fluent Emoji High Contrast
Use the house emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V22)"><path d="M23.14 21.002h-4.28c-.48 0-.86-.38-.86-.86v-4.28c0-.47.38-.86.86-.86h4.28c.47 0 .86.38.86.86v4.28c0 .48-.38.86-.86.86"/><path d="m18.28.923l.004.005l12.755 12.565l.003.003a3.17 3.17 0 0 1-.003 4.546a3.2 3.2 0 0 1-2.039.916v6.151a3.91 3.91 0 0 1 3 3.803v2.09H0v-2.09a3.904 3.904 0 0 1 3-3.804v-6.11a3.23 3.23 0 0 1-2.04-.917a3.183 3.183 0 0 1-.002-4.555l.003-.002L4 10.532v-7.01C4 2.059 5.208 1 6.543 1h2.924c1.102 0 2.092.72 2.42 1.769L13.752.93c1.26-1.252 3.28-1.228 4.526-.008M10 7.432v-3.91A.53.53 0 0 0 9.467 3H6.543A.53.53 0 0 0 6 3.523v7.846zm-5 8.314v11.256h2c0-.55.45-1 1-1v-9.61c0-.75.61-1.36 1.36-1.36h5.29c.75 0 1.36.61 1.36 1.36v9.612c.527.026.95.465.95.998H27V15.706L16.02 4.893zm10 4.756a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0"/></g><defs><clipPath id="SVGkRCCwb7V22"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastHouse(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clipPath="url(#SVGkRCCwb7V22)"><path d="M23.14 21.002h-4.28c-.48 0-.86-.38-.86-.86v-4.28c0-.47.38-.86.86-.86h4.28c.47 0 .86.38.86.86v4.28c0 .48-.38.86-.86.86"/><path d="m18.28.923l.004.005l12.755 12.565l.003.003a3.17 3.17 0 0 1-.003 4.546a3.2 3.2 0 0 1-2.039.916v6.151a3.91 3.91 0 0 1 3 3.803v2.09H0v-2.09a3.904 3.904 0 0 1 3-3.804v-6.11a3.23 3.23 0 0 1-2.04-.917a3.183 3.183 0 0 1-.002-4.555l.003-.002L4 10.532v-7.01C4 2.059 5.208 1 6.543 1h2.924c1.102 0 2.092.72 2.42 1.769L13.752.93c1.26-1.252 3.28-1.228 4.526-.008M10 7.432v-3.91A.53.53 0 0 0 9.467 3H6.543A.53.53 0 0 0 6 3.523v7.846zm-5 8.314v11.256h2c0-.55.45-1 1-1v-9.61c0-.75.61-1.36 1.36-1.36h5.29c.75 0 1.36.61 1.36 1.36v9.612c.527.026.95.465.95.998H27V15.706L16.02 4.893zm10 4.756a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0"/></g><defs><clipPath id="SVGkRCCwb7V22"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g fill="currentColor" clip-path="url(#SVGkRCCwb7V22)"><path d="M23.14 21.002h-4.28c-.48 0-.86-.38-.86-.86v-4.28c0-.47.38-.86.86-.86h4.28c.47 0 .86.38.86.86v4.28c0 .48-.38.86-.86.86"/><path d="m18.28.923l.004.005l12.755 12.565l.003.003a3.17 3.17 0 0 1-.003 4.546a3.2 3.2 0 0 1-2.039.916v6.151a3.91 3.91 0 0 1 3 3.803v2.09H0v-2.09a3.904 3.904 0 0 1 3-3.804v-6.11a3.23 3.23 0 0 1-2.04-.917a3.183 3.183 0 0 1-.002-4.555l.003-.002L4 10.532v-7.01C4 2.059 5.208 1 6.543 1h2.924c1.102 0 2.092.72 2.42 1.769L13.752.93c1.26-1.252 3.28-1.228 4.526-.008M10 7.432v-3.91A.53.53 0 0 0 9.467 3H6.543A.53.53 0 0 0 6 3.523v7.846zm-5 8.314v11.256h2c0-.55.45-1 1-1v-9.61c0-.75.61-1.36 1.36-1.36h5.29c.75 0 1.36.61 1.36 1.36v9.612c.527.026.95.465.95.998H27V15.706L16.02 4.893zm10 4.756a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0"/></g><defs><clipPath id="SVGkRCCwb7V22"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-house {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGkRCCwb7V22)%22%3E%3Cpath%20d%3D%22M23.14%2021.002h-4.28c-.48%200-.86-.38-.86-.86v-4.28c0-.47.38-.86.86-.86h4.28c.47%200%20.86.38.86.86v4.28c0%20.48-.38.86-.86.86%22%2F%3E%3Cpath%20d%3D%22m18.28.923l.004.005l12.755%2012.565l.003.003a3.17%203.17%200%200%201-.003%204.546a3.2%203.2%200%200%201-2.039.916v6.151a3.91%203.91%200%200%201%203%203.803v2.09H0v-2.09a3.904%203.904%200%200%201%203-3.804v-6.11a3.23%203.23%200%200%201-2.04-.917a3.183%203.183%200%200%201-.002-4.555l.003-.002L4%2010.532v-7.01C4%202.059%205.208%201%206.543%201h2.924c1.102%200%202.092.72%202.42%201.769L13.752.93c1.26-1.252%203.28-1.228%204.526-.008M10%207.432v-3.91A.53.53%200%200%200%209.467%203H6.543A.53.53%200%200%200%206%203.523v7.846zm-5%208.314v11.256h2c0-.55.45-1%201-1v-9.61c0-.75.61-1.36%201.36-1.36h5.29c.75%200%201.36.61%201.36%201.36v9.612c.527.026.95.465.95.998H27V15.706L16.02%204.893zm10%204.756a.5.5%200%201%200-1%200a.5.5%200%200%200%201%200%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V22%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23SVGkRCCwb7V22)%22%3E%3Cpath%20d%3D%22M23.14%2021.002h-4.28c-.48%200-.86-.38-.86-.86v-4.28c0-.47.38-.86.86-.86h4.28c.47%200%20.86.38.86.86v4.28c0%20.48-.38.86-.86.86%22%2F%3E%3Cpath%20d%3D%22m18.28.923l.004.005l12.755%2012.565l.003.003a3.17%203.17%200%200%201-.003%204.546a3.2%203.2%200%200%201-2.039.916v6.151a3.91%203.91%200%200%201%203%203.803v2.09H0v-2.09a3.904%203.904%200%200%201%203-3.804v-6.11a3.23%203.23%200%200%201-2.04-.917a3.183%203.183%200%200%201-.002-4.555l.003-.002L4%2010.532v-7.01C4%202.059%205.208%201%206.543%201h2.924c1.102%200%202.092.72%202.42%201.769L13.752.93c1.26-1.252%203.28-1.228%204.526-.008M10%207.432v-3.91A.53.53%200%200%200%209.467%203H6.543A.53.53%200%200%200%206%203.523v7.846zm-5%208.314v11.256h2c0-.55.45-1%201-1v-9.61c0-.75.61-1.36%201.36-1.36h5.29c.75%200%201.36.61%201.36%201.36v9.612c.527.026.95.465.95.998H27V15.706L16.02%204.893zm10%204.756a.5.5%200%201%200-1%200a.5.5%200%200%200%201%200%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGkRCCwb7V22%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/house.svg?color=%231a73e8&size=48
