Add icons to this collection by clicking the heart icon.
Building icon - also known as home, buildings, construction, house, building, 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 512"
>
<linearGradient
id="a"
x1="-46.307"
x2="-40.099"
y1="634.586"
y2="628.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 192C68.779 192 64 196.779 64 202.667v234.667C64 443.221 68.779 448 74.667 448s10.667-4.779 10.667-10.667V202.667C85.333 196.779 80.555 192 74.667 192z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-44.805"
x2="-24.601"
y1="642.089"
y2="621.88"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 490.667h490.667c5.888 0 10.667-4.779 10.667-10.667V138.667c0-4.245-2.517-8.085-6.421-9.771L260.245 22.229a10.504 10.504 0 0 0-8.491 0L6.421 128.896A10.635 10.635 0 0 0 0 138.667V480c0 5.888 4.779 10.667 10.667 10.667zm10.666-345.003L256 43.648l234.667 102.016v323.669H21.333V145.664z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-29.307"
x2="-23.099"
y1="634.586"
y2="628.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M437.333 192c-5.888 0-10.667 4.779-10.667 10.667v234.667c0 5.888 4.779 10.667 10.667 10.667S448 443.221 448 437.333V202.667c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-32.307"
x2="-26.099"
y1="634.586"
y2="628.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M373.333 192c-5.888 0-10.667 4.779-10.667 10.667v234.667c0 5.888 4.779 10.667 10.667 10.667S384 443.221 384 437.333V202.667c0-5.888-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.307"
x2="-37.099"
y1="634.586"
y2="628.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M138.667 192c-5.888 0-10.667 4.779-10.667 10.667v234.667c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V202.667c-.001-5.888-4.779-10.667-10.667-10.667z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category