Hourglass
hourglassA 24px icon in Bloom’s Time category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
Hourglass in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get hourglass --style linear- Linear
dist/linear/hourglass.svgsvg/linear/hourglass.svg - Line Duotone
dist/line-duotone/hourglass.svgsvg/line-duotone/hourglass.svg - Outline
dist/outline/hourglass.svgsvg/outline/hourglass.svg - Bold
dist/bold/hourglass.svgsvg/bold/hourglass.svg - Bold Duotone
dist/bold-duotone/hourglass.svgsvg/bold-duotone/hourglass.svg
<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="M7.036 6C6.458 5 6.17 4.5 6.386 4.125C6.603 3.75 7.18 3.75 8.335 3.75L15.665 3.75C16.82 3.75 17.397 3.75 17.614 4.125C17.83 4.5 17.542 5 16.964 6L14.8 9.75C14.166 10.848 13.849 11.397 13.849 12C13.849 12.603 14.166 13.152 14.8 14.25L16.964 18C17.542 19 17.83 19.5 17.614 19.875C17.397 20.25 16.82 20.25 15.665 20.25L8.335 20.25C7.18 20.25 6.603 20.25 6.386 19.875C6.17 19.5 6.458 19 7.036 18L9.201 14.25C9.834 13.152 10.151 12.603 10.151 12C10.151 11.397 9.834 10.848 9.201 9.75Z"/>
</svg>