Add icons to this collection by clicking the heart icon.
Door icon - also known as door, access, doorway, exit door, and furniture and household. Created in a clean lineal 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="-38.617"
x2="19.919"
y1="575.883"
y2="634.419"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M384 0H128a8 8 0 0 0-8 8v496a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zm-8 496H136V16h240v480z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-32.617"
x2="25.919"
y1="569.883"
y2="628.419"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M352 304a8 8 0 0 0 8-8v-80a8 8 0 0 0-16 0v80a8 8 0 0 0 8 8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-55.115"
x2="3.417"
y1="592.383"
y2="650.917"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M160 96a8 8 0 0 0 5.656-2.344l56-56a8 8 0 1 0-11.312-11.312l-56 56A8 8 0 0 0 160 96z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-52.115"
x2="6.417"
y1="589.383"
y2="647.917"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M160 144a8 8 0 0 0 5.656-2.344l80-80a8 8 0 1 0-11.312-11.312l-80 80A8 8 0 0 0 160 144z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-27.116"
x2="31.416"
y1="564.384"
y2="622.918"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M272 432a8 8 0 0 0 5.656-2.344l56-56a8 8 0 0 0-.196-11.312 8 8 0 0 0-11.116 0l-56 56A8 8 0 0 0 272 432z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-24.116"
x2="34.416"
y1="561.384"
y2="619.918"
gradientTransform="matrix(8 0 0 -8 343 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<path
d="M272 480a8 8 0 0 0 5.656-2.344l80-80a8 8 0 0 0-.196-11.312 8 8 0 0 0-11.116 0l-80 80A8 8 0 0 0 272 480z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category