The Phosphor bed icon visually represents a place to sleep and is commonly used in UIs to indicate lodging, rest areas, or medical facilities.
Common uses
- Hotel booking interfaces
- Hospital or clinic dashboards
- Travel and accommodation apps
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Bed } from '@phosphor-icons/react';
<Bed size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Bed size={24} />thin
<Bed size={24} weight="thin" />light
<Bed size={24} weight="light" />bold
<Bed size={24} weight="bold" />fill
<Bed size={24} weight="fill" />duotone
<Bed size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- hotelsaccommodationssleepingplaceslocationsmedicalhospitalhealth & wellnessmaps & travelobjectsbedsleeplodgingresthotel
FAQ
- What is the bed icon used for?
- It's used to signify places related to sleeping, such as hotels, or for medical contexts like hospital rooms.
- How do I use the bed icon in React?
- You can import it using `import { Bed } from '@phosphor-icons/react'` and then use it as a component like `<Bed />`.
- What is the license for this icon?
- The Phosphor bed icon is available under the MIT license, allowing for free use.
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 →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →