hourglass half icon

hourglass-half from Font Awesome 6 Regular by Dave Gandy · Regular · Date & Time · CC-BY-4.0 Attribution required.

Name: hourglass-half
Set: Font Awesome 6 Regular
Style: Regular
Category: Date & Time
Viewbox: 384×512
License: CC BY 4.0

The same icon in other sets

hourglass-halfFont Awesome 6 Solid hourglass-halfFont Awesome Regular hourglass-halfFont Awesome Solid hourglass-half-12-filledFluent UI System Icons hourglass-halfLine Awesome

More date & time icons from Font Awesome 6 Regular

calendar-check calendar-minus calendar-plus clock hourglass

Use the hourglass half icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M0 24C0 10.7 10.7 0 24 0h336c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8v19c0 40.3-16 79-44.5 107.5L225.9 256l81.5 81.5C336 366 352 404.7 352 445v19h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h8v-19c0-40.3 16-79 44.5-107.5l81.6-81.5l-81.6-81.5C48 146 32 107.3 32 67V48h-8C10.7 48 0 37.3 0 24m110.5 347.5c-3.9 3.9-7.5 8.1-10.7 12.5h184.4c-3.2-4.4-6.8-8.6-10.7-12.5L192 289.9l-81.5 81.5zM284.2 128C297 110.4 304 89 304 67V48H80v19c0 22.1 7 43.4 19.8 61z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularHourglassHalf(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M0 24C0 10.7 10.7 0 24 0h336c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8v19c0 40.3-16 79-44.5 107.5L225.9 256l81.5 81.5C336 366 352 404.7 352 445v19h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h8v-19c0-40.3 16-79 44.5-107.5l81.6-81.5l-81.6-81.5C48 146 32 107.3 32 67V48h-8C10.7 48 0 37.3 0 24m110.5 347.5c-3.9 3.9-7.5 8.1-10.7 12.5h184.4c-3.2-4.4-6.8-8.6-10.7-12.5L192 289.9l-81.5 81.5zM284.2 128C297 110.4 304 89 304 67V48H80v19c0 22.1 7 43.4 19.8 61z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 384 512"><path fill="currentColor" d="M0 24C0 10.7 10.7 0 24 0h336c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8v19c0 40.3-16 79-44.5 107.5L225.9 256l81.5 81.5C336 366 352 404.7 352 445v19h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24h8v-19c0-40.3 16-79 44.5-107.5l81.6-81.5l-81.6-81.5C48 146 32 107.3 32 67V48h-8C10.7 48 0 37.3 0 24m110.5 347.5c-3.9 3.9-7.5 8.1-10.7 12.5h184.4c-3.2-4.4-6.8-8.6-10.7-12.5L192 289.9l-81.5 81.5zM284.2 128C297 110.4 304 89 304 67V48H80v19c0 22.1 7 43.4 19.8 61z"/></svg>
</template>

CSS

.icon-hourglass-half {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2024C0%2010.7%2010.7%200%2024%200h336c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-8v19c0%2040.3-16%2079-44.5%20107.5L225.9%20256l81.5%2081.5C336%20366%20352%20404.7%20352%20445v19h8c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24s10.7-24%2024-24h8v-19c0-40.3%2016-79%2044.5-107.5l81.6-81.5l-81.6-81.5C48%20146%2032%20107.3%2032%2067V48h-8C10.7%2048%200%2037.3%200%2024m110.5%20347.5c-3.9%203.9-7.5%208.1-10.7%2012.5h184.4c-3.2-4.4-6.8-8.6-10.7-12.5L192%20289.9l-81.5%2081.5zM284.2%20128C297%20110.4%20304%2089%20304%2067V48H80v19c0%2022.1%207%2043.4%2019.8%2061z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%2024C0%2010.7%2010.7%200%2024%200h336c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-8v19c0%2040.3-16%2079-44.5%20107.5L225.9%20256l81.5%2081.5C336%20366%20352%20404.7%20352%20445v19h8c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24s10.7-24%2024-24h8v-19c0-40.3%2016-79%2044.5-107.5l81.6-81.5l-81.6-81.5C48%20146%2032%20107.3%2032%2067V48h-8C10.7%2048%200%2037.3%200%2024m110.5%20347.5c-3.9%203.9-7.5%208.1-10.7%2012.5h184.4c-3.2-4.4-6.8-8.6-10.7-12.5L192%20289.9l-81.5%2081.5zM284.2%20128C297%20110.4%20304%2089%20304%2067V48H80v19c0%2022.1%207%2043.4%2019.8%2061z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-regular/hourglass-half.svg?color=%231a73e8&size=48