Add icons to this collection by clicking the heart icon.
Eco House icon - also known as buildings, nature, leaf, construction, house, real estate, eco house, ecology and environment, and eco home. Created in a clean lineal color style with a white, silver, gray, black, and olive finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-226.4h-335.94V0l167.97 126.49z"
transform="matrix(1.33333 0 0 -1.33333 565.294 370.8)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-247.463h27.97v226.4z"
transform="matrix(1.33333 0 0 -1.33333 528 342.716)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90.599-90.599h24.401l92.549 92.55z"
transform="matrix(1.33333 0 0 -1.33333 306.93 344.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-90.599-90.599h58.475l92.55 92.55z"
transform="matrix(1.33333 0 0 -1.33333 364.432 344.667)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-66.396-66.386h17.721L0-17.719Z"
transform="matrix(1.33333 0 0 -1.33333 239.111 584.152)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-91.303-91.294v-37.24L0-37.24Z"
transform="matrix(1.33333 0 0 -1.33333 239.111 483.761)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-64.12l-27.97-27.97-11.66-11.66h-53.84v10.29l65.5 65.49z"
transform="matrix(1.33333 0 0 -1.33333 565.293 534.333)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 27.97 27.97v-64.12L0-64.12Z"
transform="matrix(1.33333 0 0 -1.33333 528 571.626)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.03l-93.47-93.47v41.03l65.5 65.5z"
transform="matrix(1.33333 0 0 -1.33333 565.293 450.706)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-41.03L-27.97-69v41.03z"
transform="matrix(1.33333 0 0 -1.33333 565.293 450.706)"
fill="#c4e2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-44.809L-167.975 78.307-335.949-44.809V0l167.974 126.488z"
transform="matrix(1.33333 0 0 -1.33333 565.3 370.802)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-335.94l167.97 126.49z"
transform="matrix(1.33333 0 0 -1.33333 565.294 370.8)"
fill="silver"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-167.97 126.49L-335.94 0h61.13l56.269 41.244c15.55-6.604 32.639-10.264 50.571-10.264 17.931 0 35.021 3.66 50.571 10.264L-61.13 0Z"
transform="translate(423.97 233.9)"
fill="#9d9d9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M333.75 7.5h-155.5V163h155.5z"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v109.898l-167.973 126.495-167.974-126.495V-116.5H0V-34"
transform="translate(423.973 124)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-16.12-21.99a5.45 5.45 0 0 0-7.62-1.17l-120.19 88.1-70.01 51.31-70.01-51.31-120.19-88.1a5.45 5.45 0 0 0-7.62 1.17L-427.88 0c-1.78 2.43-1.26 5.85 1.17 7.63l113.42 83.13 88.07 64.55a19.086 19.086 0 0 0 22.56 0l88.07-64.55L-1.17 7.63C1.26 5.85 1.78 2.43 0 0"
transform="translate(469.94 220.48)"
fill="#8bc827"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a130.529 130.529 0 0 0-29.34-25.82l-70.01 51.31-70.01-51.31A130.529 130.529 0 0 0-198.7 0l88.07 64.55a19.086 19.086 0 0 0 22.56 0z"
transform="translate(355.35 311.24)"
fill="#78a81f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-190.2 139.411L-380.399 0a5.454 5.454 0 0 0-7.623 1.174l-16.121 21.994a5.455 5.455 0 0 0 1.175 7.623l201.484 147.681a19.087 19.087 0 0 0 22.569 0L22.569 30.791a5.455 5.455 0 0 0 1.175-7.623L7.623 1.174A5.454 5.454 0 0 0 0 0Z"
transform="translate(446.2 197.316)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-155.499"
transform="translate(256 163)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-181.917"
transform="translate(395.25 233.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h330.062"
transform="translate(90.938 163)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60.333"
transform="translate(179.333 233.9)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.104"
transform="translate(281.698 85.251)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.104"
transform="translate(230.198 85.251)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-60.646-49.164-109.81-109.81-109.81S-219.619-60.646-219.619 0s49.163 109.81 109.809 109.81S0 60.646 0 0"
transform="translate(365.81 394.69)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-60.65-49.16-109.81-109.81-109.81-5.23 0-10.38.37-15.42 1.08C-71.88-101.24-30.84-55.42-30.84 0s-41.04 101.24-94.39 108.73c5.04.71 10.19 1.08 15.42 1.08C-49.16 109.81 0 60.65 0 0"
transform="translate(365.81 394.69)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-17.863 12.58-39.644 19.972-63.153 19.972-60.646 0-109.809-49.164-109.809-109.81s49.163-109.809 109.809-109.809 109.81 49.163 109.81 109.809c0 24.867-8.27 47.799-22.203 66.207"
transform="translate(319.153 484.528)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c1.839 2.47 5.632 2.115 6.941-.672 8.391-17.863 27.317-70.9-22.196-107.436-21.276-15.7-51.25-11.18-66.95 10.096-15.7 21.276-7.283 52.749 19.573 64.826C-39.97-22.995-19.656-26.403 0 0"
transform="translate(296.185 455.691)"
fill="#edfad9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.839 2.47 5.632 2.115 6.941-.672 8.391-17.863 27.317-70.9-22.196-107.436-21.276-15.7-51.25-11.18-66.95 10.096-15.7 21.276-7.283 52.749 19.573 64.826C-39.97-22.995-19.656-26.403 0 0Z"
transform="translate(296.185 455.691)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-20.345-49.51-90.168-63.012"
transform="translate(288.347 410.881)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category