Add icons to this collection by clicking the heart icon.
Door icon - also known as door, access, doorway, exit door, furniture and household, and construction and tools. 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 432 432"
>
<linearGradient
id="a"
x1="-66.394"
x2="-35.356"
y1="563.503"
y2="509.747"
gradientTransform="matrix(8 0 0 -8 623 4509)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005aa7" />
<stop offset="1" stop-color="#fffde4" />
</linearGradient>
<path
d="M336 0H96c-4.8 0-8 3.2-8 8v416c0 4.8 3.2 8 8 8h240c4.8 0 8-3.2 8-8V8c0-4.8-3.2-8-8-8zm-8 416H104V16h224v400z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-43.375"
x2="-40.375"
y1="539.224"
y2="534.026"
gradientTransform="matrix(8 0 0 -8 623 4509)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005aa7" />
<stop offset="1" stop-color="#fffde4" />
</linearGradient>
<path
d="M264 216c0 13.6 10.4 24 24 24s24-10.4 24-24-10.4-24-24-24-24 10.4-24 24zm32 0c0 4.8-3.2 8-8 8s-8-3.2-8-8 3.2-8 8-8 8 3.2 8 8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-52.876"
x2="-48.876"
y1="525.088"
y2="518.164"
gradientTransform="matrix(8 0 0 -8 623 4509)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005aa7" />
<stop offset="1" stop-color="#fffde4" />
</linearGradient>
<path
d="M264 328h-96c-4.8 0-8 3.2-8 8s3.2 8 8 8h96c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-52.875"
x2="-48.875"
y1="520.085"
y2="513.165"
gradientTransform="matrix(8 0 0 -8 623 4509)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005aa7" />
<stop offset="1" stop-color="#fffde4" />
</linearGradient>
<path
d="M264 368h-96c-4.8 0-8 3.2-8 8s3.2 8 8 8h96c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-55.072"
x2="-46.795"
y1="558.758"
y2="544.421"
gradientTransform="matrix(8 0 0 -8 623 4509)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005aa7" />
<stop offset="1" stop-color="#fffde4" />
</linearGradient>
<path
d="M177.6 144h76c23.2 0 41.6-18.4 41.6-41.6v-12c0-23.2-18.4-41.6-41.6-41.6h-76c-23.2 0-41.6 18.4-41.6 41.6v12c0 23.2 18.4 41.6 41.6 41.6zM152 89.6c0-14.4 12-25.6 25.6-25.6h76c14.4 0 25.6 12 25.6 25.6v12c0 14.4-12 25.6-25.6 25.6h-76c-14.4 0-25.6-12-25.6-25.6v-12z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category