Add icons to this collection by clicking the heart icon.
Block icon - also known as buildings, block, office, building, office block, real estate, architectonic, city, urban, town, 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.557"
x2="-22.85"
y1="646.338"
y2="622.631"
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 512h490.667c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-10.667V85.333h10.667c5.888 0 10.667-4.779 10.667-10.667v-64C512 4.779 507.221 0 501.333 0H10.667C4.779 0 0 4.779 0 10.667v64c0 5.888 4.779 10.667 10.667 10.667h10.667v341.333H10.667C4.779 426.667 0 431.445 0 437.333v64C0 507.221 4.779 512 10.667 512zm288-21.333h-85.333v-128h85.333v128zM21.333 448H32c5.888 0 10.667-4.779 10.667-10.667V74.667C42.667 68.779 37.888 64 32 64H21.333V21.333h469.333V64H480c-5.888 0-10.667 4.779-10.667 10.667v362.667c0 5.888 4.779 10.667 10.667 10.667h10.667v42.667H320V352c0-5.888-4.779-10.667-10.667-10.667H202.667c-5.888 0-10.667 4.779-10.667 10.667v138.667H21.333V448z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.556"
x2="-26.851"
y1="642.339"
y2="638.63"
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="M352 170.667h64c5.888 0 10.667-4.779 10.667-10.667V96c0-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.667zm10.667-64h42.667v42.667h-42.667v-42.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.557"
x2="-32.85"
y1="642.338"
y2="638.631"
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="M224 170.667h64c5.888 0 10.667-4.779 10.667-10.667V96c0-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.667zm10.667-64h42.667v42.667h-42.667v-42.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-42.557"
x2="-38.85"
y1="642.338"
y2="638.631"
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="M160 85.333H96c-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.667V96c0-5.888-4.779-10.667-10.667-10.667zm-10.667 64h-42.667v-42.667h42.667v42.667z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-30.556"
x2="-26.851"
y1="636.339"
y2="632.63"
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="M352 298.667h64c5.888 0 10.667-4.779 10.667-10.667v-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.667zm10.667-64h42.667v42.667h-42.667v-42.667z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-30.557"
x2="-26.85"
y1="630.338"
y2="626.631"
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="M352 426.667h64c5.888 0 10.667-4.779 10.667-10.667v-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.667zm10.667-64h42.667v42.667h-42.667v-42.667z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-36.557"
x2="-32.85"
y1="636.338"
y2="632.631"
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="M224 298.667h64c5.888 0 10.667-4.779 10.667-10.667v-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.667zm10.667-64h42.667v42.667h-42.667v-42.667z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-42.557"
x2="-38.85"
y1="636.338"
y2="632.631"
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="M160 213.333H96c-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.667zm-10.667 64h-42.667v-42.667h42.667v42.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-42.558"
x2="-38.849"
y1="630.337"
y2="626.632"
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="M160 341.333H96c-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.667zm-10.667 64h-42.667v-42.667h42.667v42.667z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category