house with garden emoji

house-with-garden from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.

Name
house-with-garden
Set
Fluent Emoji Flat
Style
Default
Category
Travel & Places
Viewbox
32×32
License
MIT

The same emoji in other sets

house-with-gardenEmoji One (Colored)house-with-gardenFluent Emojihouse-with-gardenFluent Emoji High Contrasthouse-with-gardenNoto Emojihouse-with-gardenOpenMojihouse-with-gardenStreamline Emojishouse-with-gardenTwitter Emoji

More travel & places icons from Fluent Emoji Flat

aerial-tramwayairplaneairplane-arrivalairplane-departurealarm-clockambulanceanchorarticulated-lorryauto-rickshawautomobilebankbarber-polebeach-with-umbrellabellhop-bellbicyclebrickbridge-at-nightbuilding-constructionbullet-trainbusbus-stopcampingcanoecarousel-horse

Use the house with garden emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#7d4533" d="M10 24H8v4h2z"/><path fill="#00d26a" d="M15.056 18.665c.336-.125.57-.28.641-.477c.123-.33.194-.693.194-1.076v-.632c0-1.687-1.333-3.053-2.982-3.085c0-1.873-1.496-3.395-3.338-3.395s-3.338 1.522-3.338 3.395h-.081c-1.669 0-3.033 1.377-3.033 3.085v.632c0 .631.194 1.221.51 1.718A3.32 3.32 0 0 0 2 21.698C2 23.52 3.455 25 5.246 25h8.508C15.544 25 17 23.52 17 21.698a3.28 3.28 0 0 0-1.944-3.033"/><path fill="#f3c07b" d="M9 28h18V15.497L18.065 7L13 11.283V7.416A.404.404 0 0 0 12.6 7h-2.19c-.23 0-.41.188-.41.416v6.404l-1 .846z"/><path fill="#8c5543" d="M17.953 28h-5.889c-.037 0-.064-.03-.064-.07v-8.808c0-.621.457-1.122 1.024-1.122h3.95c.567 0 1.024.501 1.024 1.122v8.808c.01.04-.018.07-.046.07"/><path fill="#402a32" d="M16.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#d3d3d3" d="M18.197 29h-6.394c-.44 0-.803-.451-.803-1s.362-1 .803-1h6.394c.44 0 .803.451.803 1s-.362 1-.803 1"/><path fill="#f8312f" d="M29.16 16.595L18.69 6.285c-.39-.38-1.02-.38-1.41 0l-.01.01l-10.49 10.33a.97.97 0 0 0 0 1.39c.39.38 1.02.38 1.41 0l9.79-9.65l9.77 9.62c.39.38 1.02.38 1.41 0a.97.97 0 0 0 0-1.39"/><path fill="#00f397" d="M30 30H2c0-1.1.9-2 2-2h24a2 2 0 0 1 2 2"/><path fill="#83cbff" d="M24.284 23h-3.568a.72.72 0 0 1-.716-.716v-3.568a.72.72 0 0 1 .716-.716h3.568a.72.72 0 0 1 .716.716v3.568a.72.72 0 0 1-.716.716"/><path fill="#00d26a" d="M26.32 30a3.14 3.14 0 0 0 1.51-1.806c.11-.321.17-.662.17-1.013c0-.883-.36-1.686-.95-2.268A3.17 3.17 0 0 0 24.83 24c-1.25 0-2.34.742-2.86 1.806a.85.85 0 0 1-.53.451c-.76.241-1.32.924-1.42 1.736q-.015.03 0 .06c-.02.06-.02.13-.02.201c0 .733.38 1.365.95 1.736h5.37z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatHouseWithGarden(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"><path fill="#7d4533" d="M10 24H8v4h2z"/><path fill="#00d26a" d="M15.056 18.665c.336-.125.57-.28.641-.477c.123-.33.194-.693.194-1.076v-.632c0-1.687-1.333-3.053-2.982-3.085c0-1.873-1.496-3.395-3.338-3.395s-3.338 1.522-3.338 3.395h-.081c-1.669 0-3.033 1.377-3.033 3.085v.632c0 .631.194 1.221.51 1.718A3.32 3.32 0 0 0 2 21.698C2 23.52 3.455 25 5.246 25h8.508C15.544 25 17 23.52 17 21.698a3.28 3.28 0 0 0-1.944-3.033"/><path fill="#f3c07b" d="M9 28h18V15.497L18.065 7L13 11.283V7.416A.404.404 0 0 0 12.6 7h-2.19c-.23 0-.41.188-.41.416v6.404l-1 .846z"/><path fill="#8c5543" d="M17.953 28h-5.889c-.037 0-.064-.03-.064-.07v-8.808c0-.621.457-1.122 1.024-1.122h3.95c.567 0 1.024.501 1.024 1.122v8.808c.01.04-.018.07-.046.07"/><path fill="#402a32" d="M16.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#d3d3d3" d="M18.197 29h-6.394c-.44 0-.803-.451-.803-1s.362-1 .803-1h6.394c.44 0 .803.451.803 1s-.362 1-.803 1"/><path fill="#f8312f" d="M29.16 16.595L18.69 6.285c-.39-.38-1.02-.38-1.41 0l-.01.01l-10.49 10.33a.97.97 0 0 0 0 1.39c.39.38 1.02.38 1.41 0l9.79-9.65l9.77 9.62c.39.38 1.02.38 1.41 0a.97.97 0 0 0 0-1.39"/><path fill="#00f397" d="M30 30H2c0-1.1.9-2 2-2h24a2 2 0 0 1 2 2"/><path fill="#83cbff" d="M24.284 23h-3.568a.72.72 0 0 1-.716-.716v-3.568a.72.72 0 0 1 .716-.716h3.568a.72.72 0 0 1 .716.716v3.568a.72.72 0 0 1-.716.716"/><path fill="#00d26a" d="M26.32 30a3.14 3.14 0 0 0 1.51-1.806c.11-.321.17-.662.17-1.013c0-.883-.36-1.686-.95-2.268A3.17 3.17 0 0 0 24.83 24c-1.25 0-2.34.742-2.86 1.806a.85.85 0 0 1-.53.451c-.76.241-1.32.924-1.42 1.736q-.015.03 0 .06c-.02.06-.02.13-.02.201c0 .733.38 1.365.95 1.736h5.37z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#7d4533" d="M10 24H8v4h2z"/><path fill="#00d26a" d="M15.056 18.665c.336-.125.57-.28.641-.477c.123-.33.194-.693.194-1.076v-.632c0-1.687-1.333-3.053-2.982-3.085c0-1.873-1.496-3.395-3.338-3.395s-3.338 1.522-3.338 3.395h-.081c-1.669 0-3.033 1.377-3.033 3.085v.632c0 .631.194 1.221.51 1.718A3.32 3.32 0 0 0 2 21.698C2 23.52 3.455 25 5.246 25h8.508C15.544 25 17 23.52 17 21.698a3.28 3.28 0 0 0-1.944-3.033"/><path fill="#f3c07b" d="M9 28h18V15.497L18.065 7L13 11.283V7.416A.404.404 0 0 0 12.6 7h-2.19c-.23 0-.41.188-.41.416v6.404l-1 .846z"/><path fill="#8c5543" d="M17.953 28h-5.889c-.037 0-.064-.03-.064-.07v-8.808c0-.621.457-1.122 1.024-1.122h3.95c.567 0 1.024.501 1.024 1.122v8.808c.01.04-.018.07-.046.07"/><path fill="#402a32" d="M16.5 24a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1"/><path fill="#d3d3d3" d="M18.197 29h-6.394c-.44 0-.803-.451-.803-1s.362-1 .803-1h6.394c.44 0 .803.451.803 1s-.362 1-.803 1"/><path fill="#f8312f" d="M29.16 16.595L18.69 6.285c-.39-.38-1.02-.38-1.41 0l-.01.01l-10.49 10.33a.97.97 0 0 0 0 1.39c.39.38 1.02.38 1.41 0l9.79-9.65l9.77 9.62c.39.38 1.02.38 1.41 0a.97.97 0 0 0 0-1.39"/><path fill="#00f397" d="M30 30H2c0-1.1.9-2 2-2h24a2 2 0 0 1 2 2"/><path fill="#83cbff" d="M24.284 23h-3.568a.72.72 0 0 1-.716-.716v-3.568a.72.72 0 0 1 .716-.716h3.568a.72.72 0 0 1 .716.716v3.568a.72.72 0 0 1-.716.716"/><path fill="#00d26a" d="M26.32 30a3.14 3.14 0 0 0 1.51-1.806c.11-.321.17-.662.17-1.013c0-.883-.36-1.686-.95-2.268A3.17 3.17 0 0 0 24.83 24c-1.25 0-2.34.742-2.86 1.806a.85.85 0 0 1-.53.451c-.76.241-1.32.924-1.42 1.736q-.015.03 0 .06c-.02.06-.02.13-.02.201c0 .733.38 1.365.95 1.736h5.37z"/></g></svg>
</template>

CSS

.icon-house-with-garden {
  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%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M10%2024H8v4h2z%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M15.056%2018.665c.336-.125.57-.28.641-.477c.123-.33.194-.693.194-1.076v-.632c0-1.687-1.333-3.053-2.982-3.085c0-1.873-1.496-3.395-3.338-3.395s-3.338%201.522-3.338%203.395h-.081c-1.669%200-3.033%201.377-3.033%203.085v.632c0%20.631.194%201.221.51%201.718A3.32%203.32%200%200%200%202%2021.698C2%2023.52%203.455%2025%205.246%2025h8.508C15.544%2025%2017%2023.52%2017%2021.698a3.28%203.28%200%200%200-1.944-3.033%22%2F%3E%3Cpath%20fill%3D%22%23f3c07b%22%20d%3D%22M9%2028h18V15.497L18.065%207L13%2011.283V7.416A.404.404%200%200%200%2012.6%207h-2.19c-.23%200-.41.188-.41.416v6.404l-1%20.846z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M17.953%2028h-5.889c-.037%200-.064-.03-.064-.07v-8.808c0-.621.457-1.122%201.024-1.122h3.95c.567%200%201.024.501%201.024%201.122v8.808c.01.04-.018.07-.046.07%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M16.5%2024a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M18.197%2029h-6.394c-.44%200-.803-.451-.803-1s.362-1%20.803-1h6.394c.44%200%20.803.451.803%201s-.362%201-.803%201%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M29.16%2016.595L18.69%206.285c-.39-.38-1.02-.38-1.41%200l-.01.01l-10.49%2010.33a.97.97%200%200%200%200%201.39c.39.38%201.02.38%201.41%200l9.79-9.65l9.77%209.62c.39.38%201.02.38%201.41%200a.97.97%200%200%200%200-1.39%22%2F%3E%3Cpath%20fill%3D%22%2300f397%22%20d%3D%22M30%2030H2c0-1.1.9-2%202-2h24a2%202%200%200%201%202%202%22%2F%3E%3Cpath%20fill%3D%22%2383cbff%22%20d%3D%22M24.284%2023h-3.568a.72.72%200%200%201-.716-.716v-3.568a.72.72%200%200%201%20.716-.716h3.568a.72.72%200%200%201%20.716.716v3.568a.72.72%200%200%201-.716.716%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M26.32%2030a3.14%203.14%200%200%200%201.51-1.806c.11-.321.17-.662.17-1.013c0-.883-.36-1.686-.95-2.268A3.17%203.17%200%200%200%2024.83%2024c-1.25%200-2.34.742-2.86%201.806a.85.85%200%200%201-.53.451c-.76.241-1.32.924-1.42%201.736q-.015.03%200%20.06c-.02.06-.02.13-.02.201c0%20.733.38%201.365.95%201.736h5.37z%22%2F%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%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M10%2024H8v4h2z%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M15.056%2018.665c.336-.125.57-.28.641-.477c.123-.33.194-.693.194-1.076v-.632c0-1.687-1.333-3.053-2.982-3.085c0-1.873-1.496-3.395-3.338-3.395s-3.338%201.522-3.338%203.395h-.081c-1.669%200-3.033%201.377-3.033%203.085v.632c0%20.631.194%201.221.51%201.718A3.32%203.32%200%200%200%202%2021.698C2%2023.52%203.455%2025%205.246%2025h8.508C15.544%2025%2017%2023.52%2017%2021.698a3.28%203.28%200%200%200-1.944-3.033%22%2F%3E%3Cpath%20fill%3D%22%23f3c07b%22%20d%3D%22M9%2028h18V15.497L18.065%207L13%2011.283V7.416A.404.404%200%200%200%2012.6%207h-2.19c-.23%200-.41.188-.41.416v6.404l-1%20.846z%22%2F%3E%3Cpath%20fill%3D%22%238c5543%22%20d%3D%22M17.953%2028h-5.889c-.037%200-.064-.03-.064-.07v-8.808c0-.621.457-1.122%201.024-1.122h3.95c.567%200%201.024.501%201.024%201.122v8.808c.01.04-.018.07-.046.07%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M16.5%2024a.5.5%200%201%200%200-1a.5.5%200%200%200%200%201%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M18.197%2029h-6.394c-.44%200-.803-.451-.803-1s.362-1%20.803-1h6.394c.44%200%20.803.451.803%201s-.362%201-.803%201%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M29.16%2016.595L18.69%206.285c-.39-.38-1.02-.38-1.41%200l-.01.01l-10.49%2010.33a.97.97%200%200%200%200%201.39c.39.38%201.02.38%201.41%200l9.79-9.65l9.77%209.62c.39.38%201.02.38%201.41%200a.97.97%200%200%200%200-1.39%22%2F%3E%3Cpath%20fill%3D%22%2300f397%22%20d%3D%22M30%2030H2c0-1.1.9-2%202-2h24a2%202%200%200%201%202%202%22%2F%3E%3Cpath%20fill%3D%22%2383cbff%22%20d%3D%22M24.284%2023h-3.568a.72.72%200%200%201-.716-.716v-3.568a.72.72%200%200%201%20.716-.716h3.568a.72.72%200%200%201%20.716.716v3.568a.72.72%200%200%201-.716.716%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M26.32%2030a3.14%203.14%200%200%200%201.51-1.806c.11-.321.17-.662.17-1.013c0-.883-.36-1.686-.95-2.268A3.17%203.17%200%200%200%2024.83%2024c-1.25%200-2.34.742-2.86%201.806a.85.85%200%200%201-.53.451c-.76.241-1.32.924-1.42%201.736q-.015.03%200%20.06c-.02.06-.02.13-.02.201c0%20.733.38%201.365.95%201.736h5.37z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/house-with-garden.svg?color=%231a73e8&size=48