Light Dark System

Hourglass icon

hourglass

An hourglass with sand running down, for waiting, time left and timers.

Missing from Heroicons, where it was requested with 6 votes in #408 .

Component: HourglassIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: time, timer, wait, waiting, pending, loading, sand, deadline, expiring

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75v3c0 1.5 4.5 3 4.5 5.25 0-2.25 4.5-3.75 4.5-5.25v-3Zm0 16.5v-3c0-1.5 4.5-3 4.5-5.25 0 2.25 4.5 3.75 4.5 5.25v3Zm3.5-13h2l-1 .625ZM10.125 18a2.031 2.031 0 0 1 3.75 0ZM5.25 3.75h13.5m-13.5 16.5h13.5" />
</svg>

Hourglass icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Pending Pending

Badges · Micro

Hourglass icon

Code

Hourglass icon in UI elements

Related icons

More Sidekickicons