The HugeIcons bed icon visually represents a place to sleep and is commonly used in UIs to indicate features related to accommodation, rest, or lodging.
Common uses
- Hotel booking interfaces
- Accommodation filters
- User profile settings (e.g., sleep tracking)
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BedIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BedIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- sleephotellodgingrest
FAQ
- What does the bed icon represent?
- It depicts a bed, symbolizing sleep, rest, or lodging. It's used in UIs to represent features related to accommodation.
- How do I use the BedIcon in React?
- Import both HugeiconsIcon and BedIcon, then render <HugeiconsIcon icon={BedIcon} />. Ensure you have '@hugeicons/react' and '@hugeicons/core-free-icons' installed.
- What is the license for this icon?
- The HugeIcons bed icon is released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →