hourglass simple icon

hourglass-simple-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: hourglass-simple-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hourglass-simple hourglass-simple-duotone hourglass-simple-fill hourglass-simple-light hourglass-simple-thin

Related icons in Phosphor

hourglass-high hourglass-low hourglass-medium hourglass-simple-high hourglass-simple-low hourglass-simple-medium

Use the hourglass simple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 193.68L145.35 128L214 62.32l.18-.18A20 20 0 0 0 200 28H56a20 20 0 0 0-14.13 34.14l.18.18l68.6 65.68l-68.6 65.68l-.18.18A20 20 0 0 0 56 228h144a20 20 0 0 0 14.14-34.14ZM190 52l-62 59.39L66 52ZM66 204l62-59.39L190 204Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHourglassSimpleBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 193.68L145.35 128L214 62.32l.18-.18A20 20 0 0 0 200 28H56a20 20 0 0 0-14.13 34.14l.18.18l68.6 65.68l-68.6 65.68l-.18.18A20 20 0 0 0 56 228h144a20 20 0 0 0 14.14-34.14ZM190 52l-62 59.39L66 52ZM66 204l62-59.39L190 204Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 193.68L145.35 128L214 62.32l.18-.18A20 20 0 0 0 200 28H56a20 20 0 0 0-14.13 34.14l.18.18l68.6 65.68l-68.6 65.68l-.18.18A20 20 0 0 0 56 228h144a20 20 0 0 0 14.14-34.14ZM190 52l-62 59.39L66 52ZM66 204l62-59.39L190 204Z"/></svg>
</template>

CSS

.icon-hourglass-simple-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M214%20193.68L145.35%20128L214%2062.32l.18-.18A20%2020%200%200%200%20200%2028H56a20%2020%200%200%200-14.13%2034.14l.18.18l68.6%2065.68l-68.6%2065.68l-.18.18A20%2020%200%200%200%2056%20228h144a20%2020%200%200%200%2014.14-34.14ZM190%2052l-62%2059.39L66%2052ZM66%20204l62-59.39L190%20204Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M214%20193.68L145.35%20128L214%2062.32l.18-.18A20%2020%200%200%200%20200%2028H56a20%2020%200%200%200-14.13%2034.14l.18.18l68.6%2065.68l-68.6%2065.68l-.18.18A20%2020%200%200%200%2056%20228h144a20%2020%200%200%200%2014.14-34.14ZM190%2052l-62%2059.39L66%2052ZM66%20204l62-59.39L190%20204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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