door open icon
door-open-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- door-open-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
door-openBootstrap Iconsdoor-openBoxIcons v2door-openBoxIcons v2 Soliddoor-openFont Awesome 6 Soliddoor-openFont Awesome Soliddoor-openHuge Iconsdoor-openLine Awesomedoor-openLucidedoor-openMaterial Symbolsdoor-openMaterial Symbols Lightdoor-openMaterial Design Iconsdoor-openPhosphordoor-open-fillRemix Icon
Related icons in Myna UI Icons
Use the door open icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 19.53h-1.917V5.665c0-1.51-1.251-2.695-2.75-2.695h-1.161a1.75 1.75 0 0 0-1.85-1.211l-.2.032l-6.611 1.44a.75.75 0 0 0-.591.733V5.61l-.003.058V19.53H3.5a.75.75 0 0 0 0 1.5H7l.077-.004q.03-.003.062-.01l5.483 1.193l.2.032a1.75 1.75 0 0 0 1.85-1.21H20.5l.077-.005a.75.75 0 0 0 0-1.492zM17.083 5.665V19.53H14.75V4.47h1.083c.71 0 1.25.553 1.25 1.195m-6.833 5.36a.75.75 0 0 1 1.5 0v1.95a.75.75 0 0 1-1.5 0z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiDoorOpenSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 19.53h-1.917V5.665c0-1.51-1.251-2.695-2.75-2.695h-1.161a1.75 1.75 0 0 0-1.85-1.211l-.2.032l-6.611 1.44a.75.75 0 0 0-.591.733V5.61l-.003.058V19.53H3.5a.75.75 0 0 0 0 1.5H7l.077-.004q.03-.003.062-.01l5.483 1.193l.2.032a1.75 1.75 0 0 0 1.85-1.21H20.5l.077-.005a.75.75 0 0 0 0-1.492zM17.083 5.665V19.53H14.75V4.47h1.083c.71 0 1.25.553 1.25 1.195m-6.833 5.36a.75.75 0 0 1 1.5 0v1.95a.75.75 0 0 1-1.5 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.5 19.53h-1.917V5.665c0-1.51-1.251-2.695-2.75-2.695h-1.161a1.75 1.75 0 0 0-1.85-1.211l-.2.032l-6.611 1.44a.75.75 0 0 0-.591.733V5.61l-.003.058V19.53H3.5a.75.75 0 0 0 0 1.5H7l.077-.004q.03-.003.062-.01l5.483 1.193l.2.032a1.75 1.75 0 0 0 1.85-1.21H20.5l.077-.005a.75.75 0 0 0 0-1.492zM17.083 5.665V19.53H14.75V4.47h1.083c.71 0 1.25.553 1.25 1.195m-6.833 5.36a.75.75 0 0 1 1.5 0v1.95a.75.75 0 0 1-1.5 0z"/></svg> </template>
CSS
.icon-door-open-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.5%2019.53h-1.917V5.665c0-1.51-1.251-2.695-2.75-2.695h-1.161a1.75%201.75%200%200%200-1.85-1.211l-.2.032l-6.611%201.44a.75.75%200%200%200-.591.733V5.61l-.003.058V19.53H3.5a.75.75%200%200%200%200%201.5H7l.077-.004q.03-.003.062-.01l5.483%201.193l.2.032a1.75%201.75%200%200%200%201.85-1.21H20.5l.077-.005a.75.75%200%200%200%200-1.492zM17.083%205.665V19.53H14.75V4.47h1.083c.71%200%201.25.553%201.25%201.195m-6.833%205.36a.75.75%200%200%201%201.5%200v1.95a.75.75%200%200%201-1.5%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.5%2019.53h-1.917V5.665c0-1.51-1.251-2.695-2.75-2.695h-1.161a1.75%201.75%200%200%200-1.85-1.211l-.2.032l-6.611%201.44a.75.75%200%200%200-.591.733V5.61l-.003.058V19.53H3.5a.75.75%200%200%200%200%201.5H7l.077-.004q.03-.003.062-.01l5.483%201.193l.2.032a1.75%201.75%200%200%200%201.85-1.21H20.5l.077-.005a.75.75%200%200%200%200-1.492zM17.083%205.665V19.53H14.75V4.47h1.083c.71%200%201.25.553%201.25%201.195m-6.833%205.36a.75.75%200%200%201%201.5%200v1.95a.75.75%200%200%201-1.5%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/door-open-solid.svg?color=%231a73e8&size=48
