John KuehJohn Kueh

bed icon

Phosphor · bed · MIT

Download SVG

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/react
Import & 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 →