Door Closed Icon SVG
Door Closed
Door closed SVG Icon Code | Customize color
You can get svg icon door closed in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeDoor closed
DownloadDoor closed
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16"> <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z" fill="white"></path> <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" fill="white"></path> </svg> Door closed
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16"> <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z" fill="red"></path> <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" fill="red"></path> </svg> Door closed
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16"> <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z" fill="blue"></path> <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" fill="blue"></path> </svg> Door closed
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16"> <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z" fill="#f3da35"></path> <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z" fill="#f3da35"></path> </svg> Advance Editor
You can edit door closed as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements