The Phosphor hourglass medium icon depicts a classic hourglass, commonly used to indicate a process is ongoing, waiting, or loading.
Common uses
- Loading or progress indicator
- Time-based event countdown
- Waiting for a system operation
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HourglassMedium } from '@phosphor-icons/react';
<HourglassMedium size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HourglassMedium size={24} />thin
<HourglassMedium size={24} weight="thin" />light
<HourglassMedium size={24} weight="light" />bold
<HourglassMedium size={24} weight="bold" />fill
<HourglassMedium size={24} weight="fill" />duotone
<HourglassMedium size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- timestimeralarmsclockscheduleeventswaitingprogresssystemobjectshourglassmediumloading
FAQ
- What does the hourglass medium icon represent?
- It represents a state of waiting, progress, or a time-based process, similar to a real hourglass.
- How do I use the hourglass medium icon in React?
- You can import and use it like this: import { HourglassMedium } from '@phosphor-icons/react'; <HourglassMedium />
- What is the license for this icon?
- The Phosphor icon library, including the hourglass medium icon, is available 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 →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →