Door Closed Line Icon SVG
Door Closed Line
Door closed line SVG Icon Code | Customize color You can get svg icon door closed line in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Door closed line
Svg Code <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="none" d="M0 0H24V24H0z" /> <path d="M3 21v-2h2V4c0-.552.448-1 1-1h12c.552 0 1 .448 1 1v15h2v2H3zM17 5H7v14h10V5zm-2 6v2h-2v-2h2z" /> </g> </svg>
Door closed line
Svg Code <svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="white" d="M0 0H24V24H0z" ></path> <path d="M3 21v-2h2V4c0-.552.448-1 1-1h12c.552 0 1 .448 1 1v15h2v2H3zM17 5H7v14h10V5zm-2 6v2h-2v-2h2z" fill="white" ></path> </g> </svg>
Door closed line
Svg Code <svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="red" d="M0 0H24V24H0z" ></path> <path d="M3 21v-2h2V4c0-.552.448-1 1-1h12c.552 0 1 .448 1 1v15h2v2H3zM17 5H7v14h10V5zm-2 6v2h-2v-2h2z" fill="red" ></path> </g> </svg>
Door closed line
Svg Code <svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="blue" d="M0 0H24V24H0z" ></path> <path d="M3 21v-2h2V4c0-.552.448-1 1-1h12c.552 0 1 .448 1 1v15h2v2H3zM17 5H7v14h10V5zm-2 6v2h-2v-2h2z" fill="blue" ></path> </g> </svg>
Door closed line
Svg Code <svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" > <g> <path fill="#f3da35" d="M0 0H24V24H0z" ></path> <path d="M3 21v-2h2V4c0-.552.448-1 1-1h12c.552 0 1 .448 1 1v15h2v2H3zM17 5H7v14h10V5zm-2 6v2h-2v-2h2z" fill="#f3da35" ></path> </g> </svg>
Advance Editor You can edit door closed line as below. Change size color and background color of icon using below tool.
Fullscreen
tab 2 content
Tab 3 content
Customize