house with garden emoji
house-with-garden from OpenMoji by OpenMoji · Default · Travel Places · CC-BY-SA-4.0 Attribution required.
- Name
- house-with-garden
- Set
- OpenMoji
- Style
- Default
- Category
- Travel Places
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More travel places icons from OpenMoji
Use the house with garden emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M37.075 36.053h26.884v18.114H37.075z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.735 23.2L37.35 36h25.4z"/><path fill="#ea5a47" d="M46.365 26.11L40.4 32.06v-7.574c0-.931.767-1.486 1.698-1.486h3.292c.931 0 1.083 1.123 1.083 2.054z"/><path fill="#a57939" d="M43 42h6v12h-6z"/><path fill="#92d3f5" d="M54 42h6v5h-6z"/><path fill="#b1cc33" d="M41.006 28.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248 0-11.312 4.528-11.312 10.114q.002.555.07 1.104C7.966 28.666 6 30.81 6 33.314c0 3.312 3.445 6.002 7.694 6.002a9.14 9.14 0 0 0 4.613-1.207c1.818 1.477 4.727 2.439 8.016 2.439c5.51 0 9.977-2.688 9.977-6.003q0-.33-.06-.653c2.796-.902 4.766-3.047 4.766-5.553"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="m46 27l3.735-4L63.5 35.098V54H36.75V41.548"/><path stroke-linejoin="round" d="M43 42h6v12h-6zm11 0h6v5h-6zM43 24h2.5v3m-23 27v-7.173L17.5 42m5.541 4.727l2.844-2.961"/><path stroke-miterlimit="10" d="M41.006 28.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248 0-11.312 4.528-11.312 10.114q.002.555.07 1.104C7.966 28.666 6 30.81 6 33.314c0 3.312 3.445 6.002 7.694 6.002a9.14 9.14 0 0 0 4.613-1.207c1.818 1.477 4.727 2.439 8.016 2.439c5.51 0 9.977-2.688 9.977-6.003q0-.33-.06-.653c2.796-.902 4.766-3.047 4.766-5.553Z"/><path stroke-linejoin="round" d="M63.5 36h-21"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiHouseWithGarden(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M37.075 36.053h26.884v18.114H37.075z"/><path fill="#ea5a47" stroke="#ea5a47" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M49.735 23.2L37.35 36h25.4z"/><path fill="#ea5a47" d="M46.365 26.11L40.4 32.06v-7.574c0-.931.767-1.486 1.698-1.486h3.292c.931 0 1.083 1.123 1.083 2.054z"/><path fill="#a57939" d="M43 42h6v12h-6z"/><path fill="#92d3f5" d="M54 42h6v5h-6z"/><path fill="#b1cc33" d="M41.006 28.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248 0-11.312 4.528-11.312 10.114q.002.555.07 1.104C7.966 28.666 6 30.81 6 33.314c0 3.312 3.445 6.002 7.694 6.002a9.14 9.14 0 0 0 4.613-1.207c1.818 1.477 4.727 2.439 8.016 2.439c5.51 0 9.977-2.688 9.977-6.003q0-.33-.06-.653c2.796-.902 4.766-3.047 4.766-5.553"/><g fill="none" stroke="#000" strokeLinecap="round" strokeWidth="2"><path strokeLinejoin="round" d="m46 27l3.735-4L63.5 35.098V54H36.75V41.548"/><path strokeLinejoin="round" d="M43 42h6v12h-6zm11 0h6v5h-6zM43 24h2.5v3m-23 27v-7.173L17.5 42m5.541 4.727l2.844-2.961"/><path strokeMiterlimit="10" d="M41.006 28.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248 0-11.312 4.528-11.312 10.114q.002.555.07 1.104C7.966 28.666 6 30.81 6 33.314c0 3.312 3.445 6.002 7.694 6.002a9.14 9.14 0 0 0 4.613-1.207c1.818 1.477 4.727 2.439 8.016 2.439c5.51 0 9.977-2.688 9.977-6.003q0-.33-.06-.653c2.796-.902 4.766-3.047 4.766-5.553Z"/><path strokeLinejoin="round" d="M63.5 36h-21"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="M37.075 36.053h26.884v18.114H37.075z"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M49.735 23.2L37.35 36h25.4z"/><path fill="#ea5a47" d="M46.365 26.11L40.4 32.06v-7.574c0-.931.767-1.486 1.698-1.486h3.292c.931 0 1.083 1.123 1.083 2.054z"/><path fill="#a57939" d="M43 42h6v12h-6z"/><path fill="#92d3f5" d="M54 42h6v5h-6z"/><path fill="#b1cc33" d="M41.006 28.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248 0-11.312 4.528-11.312 10.114q.002.555.07 1.104C7.966 28.666 6 30.81 6 33.314c0 3.312 3.445 6.002 7.694 6.002a9.14 9.14 0 0 0 4.613-1.207c1.818 1.477 4.727 2.439 8.016 2.439c5.51 0 9.977-2.688 9.977-6.003q0-.33-.06-.653c2.796-.902 4.766-3.047 4.766-5.553"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="m46 27l3.735-4L63.5 35.098V54H36.75V41.548"/><path stroke-linejoin="round" d="M43 42h6v12h-6zm11 0h6v5h-6zM43 24h2.5v3m-23 27v-7.173L17.5 42m5.541 4.727l2.844-2.961"/><path stroke-miterlimit="10" d="M41.006 28.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248 0-11.312 4.528-11.312 10.114q.002.555.07 1.104C7.966 28.666 6 30.81 6 33.314c0 3.312 3.445 6.002 7.694 6.002a9.14 9.14 0 0 0 4.613-1.207c1.818 1.477 4.727 2.439 8.016 2.439c5.51 0 9.977-2.688 9.977-6.003q0-.33-.06-.653c2.796-.902 4.766-3.047 4.766-5.553Z"/><path stroke-linejoin="round" d="M63.5 36h-21"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M37.075%2036.053h26.884v18.114H37.075z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20stroke%3D%22%23ea5a47%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M49.735%2023.2L37.35%2036h25.4z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M46.365%2026.11L40.4%2032.06v-7.574c0-.931.767-1.486%201.698-1.486h3.292c.931%200%201.083%201.123%201.083%202.054z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M43%2042h6v12h-6z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M54%2042h6v5h-6z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M41.006%2028.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248%200-11.312%204.528-11.312%2010.114q.002.555.07%201.104C7.966%2028.666%206%2030.81%206%2033.314c0%203.312%203.445%206.002%207.694%206.002a9.14%209.14%200%200%200%204.613-1.207c1.818%201.477%204.727%202.439%208.016%202.439c5.51%200%209.977-2.688%209.977-6.003q0-.33-.06-.653c2.796-.902%204.766-3.047%204.766-5.553%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m46%2027l3.735-4L63.5%2035.098V54H36.75V41.548%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M43%2042h6v12h-6zm11%200h6v5h-6zM43%2024h2.5v3m-23%2027v-7.173L17.5%2042m5.541%204.727l2.844-2.961%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M41.006%2028.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248%200-11.312%204.528-11.312%2010.114q.002.555.07%201.104C7.966%2028.666%206%2030.81%206%2033.314c0%203.312%203.445%206.002%207.694%206.002a9.14%209.14%200%200%200%204.613-1.207c1.818%201.477%204.727%202.439%208.016%202.439c5.51%200%209.977-2.688%209.977-6.003q0-.33-.06-.653c2.796-.902%204.766-3.047%204.766-5.553Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M63.5%2036h-21%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M37.075%2036.053h26.884v18.114H37.075z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20stroke%3D%22%23ea5a47%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M49.735%2023.2L37.35%2036h25.4z%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20d%3D%22M46.365%2026.11L40.4%2032.06v-7.574c0-.931.767-1.486%201.698-1.486h3.292c.931%200%201.083%201.123%201.083%202.054z%22%2F%3E%3Cpath%20fill%3D%22%23a57939%22%20d%3D%22M43%2042h6v12h-6z%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M54%2042h6v5h-6z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22M41.006%2028.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248%200-11.312%204.528-11.312%2010.114q.002.555.07%201.104C7.966%2028.666%206%2030.81%206%2033.314c0%203.312%203.445%206.002%207.694%206.002a9.14%209.14%200%200%200%204.613-1.207c1.818%201.477%204.727%202.439%208.016%202.439c5.51%200%209.977-2.688%209.977-6.003q0-.33-.06-.653c2.796-.902%204.766-3.047%204.766-5.553%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m46%2027l3.735-4L63.5%2035.098V54H36.75V41.548%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M43%2042h6v12h-6zm11%200h6v5h-6zM43%2024h2.5v3m-23%2027v-7.173L17.5%2042m5.541%204.727l2.844-2.961%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M41.006%2028.34c0-3.313-3.445-6.003-7.694-6.003q-.533.005-1.062.066c-1.8-3.455-5.706-5.855-10.25-5.855c-6.248%200-11.312%204.528-11.312%2010.114q.002.555.07%201.104C7.966%2028.666%206%2030.81%206%2033.314c0%203.312%203.445%206.002%207.694%206.002a9.14%209.14%200%200%200%204.613-1.207c1.818%201.477%204.727%202.439%208.016%202.439c5.51%200%209.977-2.688%209.977-6.003q0-.33-.06-.653c2.796-.902%204.766-3.047%204.766-5.553Z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M63.5%2036h-21%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/house-with-garden.svg?color=%231a73e8&size=48
