Add icons to this collection by clicking the heart icon.
Home icon - also known as home, buildings, house, real estate, town, village, and city building. 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="-2.867"
x2="56.07"
y1="61.535"
y2=".036"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-2.867"
x2="56.07"
y1="61.535"
y2=".036"
href="#a"
/>
<linearGradient
id="c"
x1="-2.632"
x2="56.304"
y1="61.76"
y2=".261"
href="#a"
/>
<linearGradient
id="d"
x1="-3.019"
x2="55.918"
y1="61.389"
y2="-.11"
href="#a"
/>
<linearGradient
id="e"
x1="-6.276"
x2="52.66"
y1="58.267"
y2="-3.232"
href="#a"
/>
<linearGradient
id="f"
x1="8.836"
x2="67.772"
y1="72.75"
y2="11.251"
href="#a"
/>
<linearGradient
id="g"
x1="-1.944"
x2="56.993"
y1="62.419"
y2=".92"
href="#a"
/>
<linearGradient
id="h"
x1="-2.943"
x2="55.994"
y1="61.462"
y2="-.037"
href="#a"
/>
<linearGradient
id="i"
x1="10.643"
x2="69.58"
y1="74.482"
y2="12.983"
href="#a"
/>
<linearGradient
id="j"
x1="14.042"
x2="72.978"
y1="77.739"
y2="16.24"
href="#a"
/>
<linearGradient
id="k"
x1="5.669"
x2="64.606"
y1="69.715"
y2="8.216"
href="#a"
/>
<linearGradient
id="l"
x1=".391"
x2="59.327"
y1="64.657"
y2="3.158"
href="#a"
/>
<linearGradient
id="m"
x1="-6.396"
x2="52.54"
y1="58.153"
y2="-3.347"
href="#a"
/>
<linearGradient
id="n"
x1="-3.269"
x2="55.668"
y1="61.15"
y2="-.349"
href="#a"
/>
<g>
<path fill="url(#a)" d="M44 9v2h6V8h-6z" />
<path fill="url(#b)" d="M35 21.01V22h.99a4.889 4.889 0 0 0-.99-.99z" />
<path
fill="url(#c)"
d="M21 34a2.006 2.006 0 0 0-2 2v3h4v-3a2.006 2.006 0 0 0-2-2z"
/>
<path fill="url(#d)" d="M29 28.99V28h-.99a4.889 4.889 0 0 0 .99.99z" />
<path fill="url(#e)" d="M29 21.01a4.889 4.889 0 0 0-.99.99H29z" />
<path fill="url(#f)" d="M45 36a2 2 0 0 0-4 0v3h4z" />
<path
fill="url(#g)"
d="M31.38 12.22a.992.992 0 0 1 1.24 0L51.35 27h6.68l-8.63-6.54a1.014 1.014 0 0 1-.4-.8V12h-4v3.1a1 1 0 0 1-1.6.8L32 7.25 5.97 27h6.68z"
/>
<path
fill="url(#h)"
d="M34 24a1 1 0 0 1-1-1v-2.89a4.6 4.6 0 0 0-2 0V23a1 1 0 0 1-1 1h-2.89a4.6 4.6 0 0 0 0 2H30a1 1 0 0 1 1 1v2.88a4.99 4.99 0 0 0 2 .01V27a1 1 0 0 1 1-1h2.89a4.6 4.6 0 0 0 0-2z"
/>
<path fill="url(#i)" d="M28 50v6h8v-6a4 4 0 0 0-8 0zm3 3h-2v-2h2z" />
<path fill="url(#j)" d="M4 58h56v2H4z" />
<path
fill="url(#k)"
d="M50 56V28.48L32 14.27 14 28.48V56h12v-6a6 6 0 0 1 12 0v6zm-7-24a4 4 0 0 1 4 4v3h1v2H38v-2h1v-3a4 4 0 0 1 4-4zm-17 9H16v-2h1v-3a4 4 0 0 1 8 0v3h1zm8.33-9.41A6.72 6.72 0 0 1 32 32a6.818 6.818 0 0 1-2.34-.41 6.934 6.934 0 0 1-4.25-4.26A6.72 6.72 0 0 1 25 25a6.818 6.818 0 0 1 .41-2.34 6.99 6.99 0 0 1 13.18.01A6.72 6.72 0 0 1 39 25a6.818 6.818 0 0 1-.41 2.34 6.934 6.934 0 0 1-4.26 4.25z"
/>
<path fill="url(#l)" d="M35 28.99a4.889 4.889 0 0 0 .99-.99H35z" />
<path
fill="url(#m)"
d="M45 5h2a1 1 0 0 0 1-1V2h-2v1h-2a1 1 0 0 0-1 1v2h2z"
/>
<path
fill="url(#n)"
d="M51 5h2a1 1 0 0 0 1-1V2h-2v1h-2a1 1 0 0 0-1 1v2h2z"
/>
</g>
</svg>
More icons in the same style and category