Add icons to this collection by clicking the heart icon.
Office icon - also known as office, building, real estate, commercial building, enterprise, and architecture and city. Created in a clean flat 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="39.854"
x2="53.854"
y1="35.146"
y2="49.146"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c5ced8" />
<stop offset="1" stop-color="#b3bece" />
</linearGradient>
<linearGradient id="d" x1="10.293" x2="24" y1="35.293" y2="49" href="#a" />
<linearGradient
id="e"
x1="15.147"
x2="45.671"
y1="18.806"
y2="49.329"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e4e8ed" />
<stop offset="1" stop-color="#c3cedb" />
</linearGradient>
<linearGradient
id="b"
x1="21.293"
x2="42.707"
y1="40.293"
y2="61.707"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#515c6d" />
<stop offset="1" stop-color="#2e3744" />
</linearGradient>
<linearGradient
id="f"
x1="26.793"
x2="37.207"
y1="41.379"
y2="51.793"
href="#b"
/>
<linearGradient
id="g"
x1="25.543"
x2="38.457"
y1="22.543"
y2="35.457"
href="#b"
/>
<linearGradient
id="c"
x1="43.668"
x2="50.332"
y1="38.668"
y2="45.332"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3bece" />
<stop offset="1" stop-color="#a5afb7" />
</linearGradient>
<linearGradient
id="h"
x1="13.668"
x2="20.332"
y1="38.668"
y2="45.332"
href="#c"
/>
<path fill="url(#a)" d="M51 52h-8V32h7a1 1 0 0 1 1 1z" />
<path fill="url(#d)" d="M13 33a1 1 0 0 1 1-1h7v20h-8z" />
<path
fill="url(#e)"
d="M43 52H21V13.368a1 1 0 0 1 1.3-.953l20 6.363a1 1 0 0 1 .7.953z"
/>
<path fill="url(#b)" d="M52 52H12a1 1 0 0 1 0-2h40a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M37 52H27V42a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z" />
<path
fill="url(#g)"
d="M30 37.5h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zm1-6a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1zm0-5a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1zm6 10a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1zm0-5a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1zm0-5a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1zm0-5a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1zm-6 0a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1z"
/>
<path
fill="url(#c)"
d="M47 48.25a1 1 0 0 1-1-1v-10.5a1 1 0 0 1 2 0v10.5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M17 48.25a1 1 0 0 1-1-1v-10.5a1 1 0 0 1 2 0v10.5a1 1 0 0 1-1 1z"
/>
</svg>
More icons in the same style and category