Skip to content

Hourglass 50

Usage

With Web Components

html
<ss-icon icon="hourglass-50"></ss-icon>

With icon tag

html
<i class="ss ss-hourglass-50"></i>

With custom stroke width / thickness

html
<ss-icon icon="hourglass-50" thickness="1.2"></ss-icon>

Icon Details

PropertyValue
NameHourglass 50
Slughourglass-50
Tagstime, wait, loading, halfway, process, hourglass-50

SVG Path

M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zM10 7l4 0-2 2zM9 18l3-1L15 18l0 1L9 19z

Raw SVG

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zM10 7l4 0-2 2zM9 18l3-1L15 18l0 1L9 19z"></path>
</svg>

← Back to Icon Library