Add icons to this collection by clicking the heart icon.
Door icon - also known as hotel, holidays, room, door, door sign, room door, and furniture and household. Created in a clean color 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 510 510"
>
<linearGradient
id="g"
x1="99"
x2="467.879"
y1="99"
y2="467.879"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c59191" />
<stop offset="1" stop-color="#9b5e5e" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#9b5e5e" stop-opacity="0" />
<stop offset=".247" stop-color="#955857" stop-opacity=".247" />
<stop offset=".612" stop-color="#854943" stop-opacity=".612" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="h"
x1="-9.68"
x2="383.32"
y1="58.582"
y2="566.582"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="255"
x2="255"
y1="445.701"
y2="505.698"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="213.655"
x2="213.655"
y1="404.356"
y2="464.353"
gradientTransform="rotate(-90 255 213.655)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#99e6fc" />
<stop offset="1" stop-color="#01c0fa" />
</linearGradient>
<linearGradient
id="k"
x1="30.186"
x2="352.798"
y1="88.814"
y2="411.426"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="514.754"
x2="-184.58"
y1="583.497"
y2="-141.17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="118.484"
x2="377.818"
y1="252.549"
y2="383.216"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#017bae" stop-opacity="0" />
<stop offset="1" stop-color="#017bae" />
</linearGradient>
<linearGradient
id="n"
x1="255"
x2="255"
y1="443"
y2="507.031"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="255.041"
x2="169.581"
y1="407.292"
y2="321.831"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fef48b" />
<stop offset=".146" stop-color="#fdf07e" />
<stop offset=".416" stop-color="#fce55c" />
<stop offset=".778" stop-color="#fbd325" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="p"
x1="163.889"
x2="214.889"
y1="321.224"
y2="378.224"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="195.861"
x2="195.861"
y1="383.805"
y2="357.044"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fac600" stop-opacity="0" />
<stop offset=".408" stop-color="#efbd01" stop-opacity=".408" />
<stop offset="1" stop-color="#d7aa02" />
</linearGradient>
<linearGradient
id="r"
x1="213.24"
x2="213.24"
y1="332.185"
y2="360.469"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="300.561"
x2="240.061"
y1="274.28"
y2="137.28"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="242.556"
x2="279.223"
y1="191.329"
y2="273.329"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="244.765"
x2="274.922"
y1="196.269"
y2="263.712"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffdf1" />
<stop offset="1" stop-color="#fff5c6" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset=".183" stop-color="#fc9b19" stop-opacity=".183" />
<stop offset=".509" stop-color="#f57d28" stop-opacity=".509" />
<stop offset=".936" stop-color="#eb4c40" stop-opacity=".936" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="v"
x1="211"
x2="182.333"
y1="219.158"
y2="219.158"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="255"
x2="255"
y1="204"
y2="182.331"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#554e56" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="x"
x1="223.146"
x2="243.48"
y1="207.769"
y2="259.102"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="252.906"
x2="273.239"
y1="195.981"
y2="247.314"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="z"
x1="277.393"
x2="297.726"
y1="186.282"
y2="237.615"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="A"
x1="338"
x2="392"
y1="307.794"
y2="307.794"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#g)"
d="M479 510H31c-17.121 0-31-13.879-31-31V31C0 13.879 13.879 0 31 0h448c17.121 0 31 13.879 31 31v448c0 17.121-13.879 31-31 31z"
/>
<path
fill="url(#h)"
d="M0 311.832V479c0 17.121 13.879 31 31 31h448c17.121 0 31-13.879 31-31V311.832z"
/>
<path
fill="url(#i)"
d="M0 311.832V479c0 17.121 13.879 31 31 31h448c17.121 0 31-13.879 31-31V311.832z"
/>
<path
fill="url(#j)"
d="M311.832 510H479c17.121 0 31-13.879 31-31V31c0-17.121-13.879-31-31-31H311.832z"
/>
<path
fill="url(#k)"
d="M391.43 510H118.57V125.509c0-11.002 8.919-19.921 19.921-19.921h233.018c11.002 0 19.921 8.919 19.921 19.921z"
/>
<path
fill="url(#l)"
d="M369.676 510H140.324a9.676 9.676 0 0 1-9.676-9.676V128.343a9.676 9.676 0 0 1 9.676-9.676h229.353a9.676 9.676 0 0 1 9.676 9.676v371.981c0 5.344-4.333 9.676-9.677 9.676z"
/>
<path
fill="url(#m)"
d="M357.343 510H152.657a8.99 8.99 0 0 1-8.99-8.99V141.657a8.99 8.99 0 0 1 8.99-8.99h204.686a8.99 8.99 0 0 1 8.991 8.99V501.01a8.992 8.992 0 0 1-8.991 8.99z"
/>
<path fill="url(#n)" d="M118.57 365.421h272.86V510H118.57z" />
<path
fill="url(#o)"
d="M366.333 501.01v-45.023L247.761 337.415h-15.509l-21.655-21.655-47.335 62.351L295.152 510h62.191a8.99 8.99 0 0 0 8.99-8.99z"
/>
<path
fill="url(#p)"
d="M202.128 381.055h-31.35c-6.137 0-11.111-4.975-11.111-11.112v-47c0-6.137 4.975-11.111 11.111-11.111h31.35c6.137 0 11.111 4.975 11.111 11.111v47c.001 6.137-4.974 11.112-11.111 11.112z"
/>
<path
fill="url(#q)"
d="m178.482 355.258 25.613 25.613c5.197-.93 9.144-5.463 9.144-10.927v-14.686z"
/>
<path
fill="url(#r)"
d="M239.24 358.87h-52c-6.863 0-12.427-5.564-12.427-12.427 0-6.863 5.564-12.427 12.427-12.427h52c6.863 0 12.427 5.564 12.427 12.427 0 6.863-5.564 12.427-12.427 12.427z"
/>
<path
fill="url(#s)"
d="m391.43 264.871-76.137-76.137-120.736 60.683L391.43 446.29z"
/>
<path
fill="url(#t)"
d="M306.472 253.371H203.528c-6.735 0-12.194-5.46-12.194-12.194v-44.038c0-6.735 5.46-12.194 12.194-12.194h102.944c6.735 0 12.194 5.46 12.194 12.194v44.038c.001 6.735-5.459 12.194-12.194 12.194z"
/>
<path
fill="url(#u)"
d="M300.267 245.982h-90.534c-5.559 0-10.066-4.507-10.066-10.066V202.4c0-5.559 4.507-10.066 10.066-10.066h90.534c5.559 0 10.066 4.507 10.066 10.066v33.517c0 5.559-4.506 10.065-10.066 10.065z"
/>
<path
fill="url(#v)"
d="M251.13 192.333h-41.397c-5.559 0-10.066 4.507-10.066 10.066v33.516c0 5.559 4.507 10.066 10.066 10.066h41.397z"
/>
<path
fill="url(#w)"
d="M300.267 192.333h-90.534c-5.559 0-10.066 4.507-10.066 10.066v16.758h110.667V202.4c-.001-5.56-4.507-10.067-10.067-10.067z"
/>
<path
fill="url(#x)"
d="M229.247 197.095c6.964 0 13.988 4.383 13.988 12.427 0 13.027-18.55 17.289-18.55 22.752v.541h15.729c1.501 0 2.821 1.861 2.821 4.022s-1.321 4.142-2.821 4.142h-21.372c-1.681 0-4.083-1.14-4.083-2.881v-5.824c0-9.425 18.911-14.828 18.911-22.452 0-1.921-1.201-4.262-4.562-4.262-2.402 0-4.502 1.201-4.502 4.502 0 1.741-1.861 3.422-4.923 3.422-2.402 0-4.202-1.081-4.202-4.863-.001-7.323 6.722-11.526 13.566-11.526z"
/>
<path
fill="url(#y)"
d="M247.377 227.172v-15.908c0-10.326 6.423-14.168 14.708-14.168s14.768 3.842 14.768 14.168v15.908c0 10.326-6.483 14.168-14.768 14.168s-14.708-3.842-14.708-14.168zm20.11-15.908c0-4.143-2.041-6.003-5.403-6.003s-5.343 1.861-5.343 6.003v15.908c0 4.143 1.981 6.003 5.343 6.003s5.403-1.861 5.403-6.003z"
/>
<path
fill="url(#z)"
d="m285.676 207.541-1.741 1.081c-.54.36-1.081.481-1.501.481-1.741 0-2.942-1.861-2.942-3.722 0-1.261.541-2.461 1.741-3.182l7.924-4.802c.48-.301 1.081-.42 1.741-.42 1.921 0 4.142 1.14 4.142 2.942V238.1c0 1.92-2.341 2.881-4.683 2.881-2.341 0-4.683-.961-4.683-2.881v-30.559z"
/>
<path
fill="url(#A)"
d="M371.509 105.588H262.115V510H391.43V125.509c0-11.002-8.919-19.921-19.921-19.921z"
/>
</svg>
More icons in the same style and category