John KuehJohn Kueh

door open icon

Phosphor · door-open · MIT

Download SVG

The Phosphor door open icon depicts an open doorway, commonly used to signify entry, exit, or access points within a user interface.

Common uses

  • Login/Logout button
  • Access granted indicator
  • Navigation to a new section

Use it in React

Install
npm i @phosphor-icons/react
Import & render
import { DoorOpen } from '@phosphor-icons/react';

<DoorOpen size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

regular
<DoorOpen size={24} />
thin
<DoorOpen size={24} weight="thin" />
light
<DoorOpen size={24} weight="light" />
bold
<DoorOpen size={24} weight="bold" />
fill
<DoorOpen size={24} weight="fill" />
duotone
<DoorOpen size={24} weight="duotone" />

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
objects
Keywords
entranceexitobjectsdooropenaccessdoorway

FAQ

What does the door open icon represent?
It represents an open door, symbolizing entry, exit, or access.
How do I use the door open icon in React?
Import it from the library like this: import { DoorOpen } from '@phosphor-icons/react'.
What is the license for this icon?
This icon is provided under the MIT license.

Related icons

The same idea in other libraries, and near matches in Phosphor.

Looking for something else? Search Phosphor and 4 more libraries by description →