Add icons to this collection by clicking the heart icon.
House icon - also known as home, buildings, internet, page, house, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="74.9807"
y1="439.0193"
x2="437.0193"
y2="76.9807"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#05CEFF" />
<stop offset="1" stop-color="#01538D" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#SVGID_1_)" />
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="133.542"
y1="296.4715"
x2="378.458"
y2="296.4715"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FF8945" />
<stop offset="1" stop-color="#9D3D1A" />
</linearGradient>
<polygon
points="256,174.936 133.542,174.936 133.542,227.61 256,260.121 378.458,227.61 378.458,174.936"
fill="url(#SVGID_2_)"
/>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="133.542"
y1="224.077"
x2="378.458"
y2="224.077"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#70E2FF" />
<stop offset="1" stop-color="#0391C6" />
</linearGradient>
<polygon
points="256,227.61 133.542,227.61 133.542,352.236 256,352.236 378.458,352.236 378.458,227.61"
fill="url(#SVGID_3_)"
/>
<rect x="336.31" y="251.99" width="16.256" height="27.09" fill="#A3EBFE" />
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="198.564"
y1="279.132"
x2="313.436"
y2="279.132"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#A3EBFE" />
<stop offset="1" stop-color="#70E2FF" />
</linearGradient>
<polygon
points="256,117.5 198.564,174.936 198.564,352.236 223.489,352.236 256,352.236 313.436,352.236 313.436,174.936"
fill="url(#SVGID_4_)"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="231.075"
y1="316.791"
x2="280.925"
y2="316.791"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#A3EBFE" />
</linearGradient>
<polygon
points="256,174.936 231.075,174.936 231.075,219.482 256,219.482 280.925,219.482 280.925,174.936"
fill="url(#SVGID_5_)"
/>
<linearGradient
id="SVGID_6_"
gradientUnits="userSpaceOnUse"
x1="231.075"
y1="211.8855"
x2="280.925"
y2="211.8855"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#9D3D1A" />
<stop offset="1" stop-color="#3A172B" />
</linearGradient>
<polygon
points="256,251.993 231.075,251.993 231.075,352.236 239.744,352.236 256,352.236 280.925,352.236 280.925,251.993"
fill="url(#SVGID_6_)"
/>
<rect x="159.43" y="251.99" width="16.256" height="27.09" fill="#FFFFFF" />
<linearGradient
id="SVGID_7_"
gradientUnits="userSpaceOnUse"
x1="119"
y1="165.0155"
x2="392"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#FFEDBA" />
</linearGradient>
<polygon
points="394.714,303.469 394.714,394.5 378.458,394.5 370.331,348.984 378.458,303.469"
fill="url(#SVGID_7_)"
/>
<linearGradient
id="SVGID_8_"
gradientUnits="userSpaceOnUse"
x1="136"
y1="165.0155"
x2="385.74"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFEDBA" />
<stop offset="1" stop-color="#FFC65C" />
</linearGradient>
<polygon
points="378.458,303.469 378.458,394.5 362.203,394.5 354.075,348.984 362.203,303.469"
fill="url(#SVGID_8_)"
/>
<linearGradient
id="SVGID_9_"
gradientUnits="userSpaceOnUse"
x1="119"
y1="165.0155"
x2="392"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#FFEDBA" />
</linearGradient>
<polygon
points="362.203,303.469 362.203,394.5 345.947,394.5 337.82,348.984 345.947,303.469"
fill="url(#SVGID_9_)"
/>
<linearGradient
id="SVGID_10_"
gradientUnits="userSpaceOnUse"
x1="136"
y1="165.0155"
x2="385.74"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFEDBA" />
<stop offset="1" stop-color="#FFC65C" />
</linearGradient>
<polygon
points="345.947,303.469 345.947,394.5 329.692,394.5 321.564,348.984 329.692,303.469"
fill="url(#SVGID_10_)"
/>
<linearGradient
id="SVGID_11_"
gradientUnits="userSpaceOnUse"
x1="119"
y1="165.0155"
x2="392"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#FFEDBA" />
</linearGradient>
<polygon
points="329.692,303.469 329.692,394.5 313.436,394.5 305.309,348.984 313.436,303.469"
fill="url(#SVGID_11_)"
/>
<linearGradient
id="SVGID_12_"
gradientUnits="userSpaceOnUse"
x1="136"
y1="165.0155"
x2="385.74"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFEDBA" />
<stop offset="1" stop-color="#FFC65C" />
</linearGradient>
<polygon
points="313.436,303.469 313.436,394.5 297.181,394.5 289.053,348.984 297.181,303.469"
fill="url(#SVGID_12_)"
/>
<linearGradient
id="SVGID_13_"
gradientUnits="userSpaceOnUse"
x1="193.145"
y1="165.0155"
x2="297.181"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFDD7D" />
<stop offset="1" stop-color="#FFA851" />
</linearGradient>
<polygon
points="256,303.469 214.819,303.469 193.145,348.984 214.819,394.5 256,394.5 297.181,394.5 297.181,303.469"
fill="url(#SVGID_13_)"
/>
<linearGradient
id="SVGID_14_"
gradientUnits="userSpaceOnUse"
x1="136"
y1="165.0155"
x2="385.74"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFEDBA" />
<stop offset="1" stop-color="#FFC65C" />
</linearGradient>
<polygon
points="214.819,303.469 214.819,394.5 198.564,394.5 190.436,348.984 198.564,303.469"
fill="url(#SVGID_14_)"
/>
<linearGradient
id="SVGID_15_"
gradientUnits="userSpaceOnUse"
x1="119"
y1="165.0155"
x2="392"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#FFEDBA" />
</linearGradient>
<polygon
points="198.564,303.469 198.564,394.5 182.308,394.5 174.18,348.984 182.308,303.469"
fill="url(#SVGID_15_)"
/>
<linearGradient
id="SVGID_16_"
gradientUnits="userSpaceOnUse"
x1="136"
y1="165.0155"
x2="385.74"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFEDBA" />
<stop offset="1" stop-color="#FFC65C" />
</linearGradient>
<polygon
points="182.308,303.469 182.308,394.5 166.053,394.5 157.925,348.984 166.053,303.469"
fill="url(#SVGID_16_)"
/>
<linearGradient
id="SVGID_17_"
gradientUnits="userSpaceOnUse"
x1="119"
y1="165.0155"
x2="392"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#FFEDBA" />
</linearGradient>
<polygon
points="166.053,303.469 166.053,394.5 149.797,394.5 141.669,348.984 149.797,303.469"
fill="url(#SVGID_17_)"
/>
<linearGradient
id="SVGID_18_"
gradientUnits="userSpaceOnUse"
x1="136"
y1="165.0155"
x2="385.74"
y2="165.0155"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#FFEDBA" />
<stop offset="1" stop-color="#FFC65C" />
</linearGradient>
<polygon
points="149.797,303.469 149.797,394.5 133.542,394.5 125.414,348.984 133.542,303.469"
fill="url(#SVGID_18_)"
/>
<linearGradient
id="SVGID_19_"
gradientUnits="userSpaceOnUse"
x1="119"
y1="165.015"
x2="392"
y2="165.015"
gradientTransform="matrix(1 0 0 -1 0 514)"
>
<stop offset="0" stop-color="#F3EDEE" />
<stop offset="1" stop-color="#FFEDBA" />
</linearGradient>
<rect
x="117.29"
y="303.47"
width="16.256"
height="91.03"
fill="url(#SVGID_19_)"
/>
</svg>
More icons in the same style and category