John KuehJohn Kueh

hourglass simple medium icon

Phosphor · hourglass-simple-medium · MIT

Download SVG

The Phosphor hourglass simple medium icon depicts a classic hourglass, commonly used to indicate a process is underway, waiting, or loading.

Common uses

  • Loading indicator
  • Time remaining display
  • Process in progress status

Use it in React

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

<HourglassSimpleMedium size={24} />

Styles

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

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

Details

Library
Phosphor (1,512 icons)
License
MIT
viewBox
0 0 256 256
Category
system
Keywords
timestimeralarmsclockscheduleeventswaitingprogresssystemobjectshourglasssimplemediumloading

FAQ

What does the hourglass-simple-medium icon represent?
This icon represents time passing or a process that is currently active and requires waiting.
How do I use the hourglass-simple-medium icon in React?
You can import and use it in React with: import { HourglassSimpleMedium } from '@phosphor-icons/react'
What is the license for this icon?
The Phosphor icon library, including this 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 →