Add icons to this collection by clicking the heart icon.
House icon - also known as home, buildings, construction, house, property, real estate, and architecture and city. Created in a clean gradient style, 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="100"
height="100"
viewBox="0 0 512.023 512.023"
>
<linearGradient
id="a"
x1="-44.045"
x2="-25.338"
y1="640.849"
y2="622.143"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.1 13791.924)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.7 298.678c1.408 0 2.859-.277 4.245-.896l27.733-12.053v215.616c0 5.888 4.779 10.667 10.667 10.667h405.333c5.888 0 10.667-4.779 10.667-10.667V285.729l27.733 12.075a10.84 10.84 0 0 0 4.267.875c4.117 0 8.043-2.389 9.792-6.4 2.347-5.397-.128-11.691-5.525-14.037l-42.667-18.56-57.6-25.045V110.838l26.581 15.68a10.649 10.649 0 0 0 5.419 1.493c3.648 0 7.211-1.877 9.195-5.248 2.987-5.077 1.301-11.605-3.776-14.613l-42.667-25.173L261.43 1.484a10.669 10.669 0 0 0-10.816 0L111.948 82.977 69.281 108.15c-5.077 2.987-6.763 9.536-3.776 14.613a10.623 10.623 0 0 0 9.173 5.248c1.835 0 3.712-.491 5.397-1.472l26.603-15.701v123.776L49.1 259.638h-.021l-42.667 18.56c-5.397 2.347-7.872 8.64-5.525 14.037 1.749 4.054 5.674 6.443 9.813 6.443zm287.978 192h-85.333V384.012h85.333v106.666zm149.334 0h-128V373.345c0-5.888-4.779-10.667-10.667-10.667H202.678c-5.888 0-10.667 4.779-10.667 10.667v117.333h-128V276.449l57.259-24.896c.107-.043.235 0 .341-.064l134.4-58.517 134.4 58.517c.128.043.277.021.405.085l57.195 24.875v214.229zm-320-392.405 128-75.221 128 75.221v127.083l-123.733-53.781a10.553 10.553 0 0 0-8.512 0l-123.755 53.781V98.273z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.545"
x2="-26.838"
y1="632.349"
y2="628.642"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.1 13791.924)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352.012 298.678c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64zm53.333 64h-42.667v-42.667h42.667v42.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.546"
x2="-38.837"
y1="632.348"
y2="628.643"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.1 13791.924)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M160.012 298.678h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667h64c5.888 0 10.667-4.779 10.667-10.667v-64c-.001-5.888-4.779-10.667-10.667-10.667zm-10.667 64h-42.667v-42.667h42.667v42.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-36.545"
x2="-32.838"
y1="643.349"
y2="639.642"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.1 13791.924)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M298.678 138.678v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667h64c5.889 0 10.667-4.779 10.667-10.667zm-21.333-10.666h-42.667V85.345h42.667v42.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category