hourglass icon
hourglass from Reicon by REICON · Outline · Time · MIT Free for personal and commercial use.
- Name
- hourglass
- Set
- Reicon
- Style
- Outline
- Category
- Time
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All hourglass icons →hourglass-filledAnt Design IconshourglassBootstrap IconshourglassBoxIcons v2hourglassBoxIcons v2 SolidhourglassCarbonhourglassFramework7 IconshourglassFont Awesome 6 RegularhourglassFont Awesome 6 SolidhourglassFont Awesome RegularhourglassFont Awesome Solidhourglass-outlineFlowbite Iconshourglass-12-filledFluent UI System IconshourglassFirefox OS EmojihourglassHuge IconshourglassIconParkhourglassIconPark OutlinehourglassIconoirhourglassIonIconshourglassJam IconshourglassKeyline IconshourglassLine AwesomehourglassLucidehourglassMaterial SymbolshourglassMaterial Symbols Light
More time icons from Reicon
Use the hourglass icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.938 1.25h.124c2.014 0 3.603 0 4.76.153c1.139.15 2.161.48 2.646 1.423q.106.204.177.422c.331 1.01-.159 1.966-.857 2.87c-.71.919-1.834 2.032-3.258 3.442L13.066 12l2.464 2.44c1.424 1.41 2.548 2.523 3.258 3.442c.698.904 1.188 1.86.857 2.87a3 3 0 0 1-.177.422c-.485.943-1.507 1.273-2.645 1.423c-1.158.153-2.747.153-4.76.153h-.125c-2.014 0-3.603 0-4.761-.153c-1.138-.15-2.16-.48-2.646-1.423a3 3 0 0 1-.176-.422c-.331-1.01.159-1.966.857-2.87c.71-.919 1.834-2.032 3.258-3.442L10.934 12L8.47 9.56C7.046 8.15 5.922 7.037 5.212 6.118c-.698-.904-1.188-1.86-.857-2.87q.072-.218.176-.422c.486-.943 1.508-1.273 2.646-1.423c1.158-.153 2.747-.153 4.76-.153M12 10.945l2.43-2.407c1.478-1.463 2.53-2.507 3.17-3.337c.662-.856.697-1.248.62-1.486a1.4 1.4 0 0 0-.085-.202c-.117-.227-.429-.481-1.508-.623c-1.048-.138-2.537-.14-4.627-.14s-3.58.002-4.627.14c-1.08.142-1.391.396-1.508.623a1.4 1.4 0 0 0-.085.202c-.077.238-.042.63.62 1.486c.64.83 1.692 1.874 3.17 3.337zm0 2.11l-2.43 2.407c-1.478 1.463-2.53 2.507-3.17 3.337c-.662.856-.697 1.249-.62 1.486q.034.105.085.202c.117.227.429.481 1.508.623c1.048.138 2.537.14 4.627.14s3.58-.002 4.627-.14c1.08-.142 1.391-.396 1.508-.623q.05-.097.085-.202c.077-.238.042-.63-.62-1.486c-.64-.83-1.692-1.874-3.17-3.337z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHourglass(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M11.938 1.25h.124c2.014 0 3.603 0 4.76.153c1.139.15 2.161.48 2.646 1.423q.106.204.177.422c.331 1.01-.159 1.966-.857 2.87c-.71.919-1.834 2.032-3.258 3.442L13.066 12l2.464 2.44c1.424 1.41 2.548 2.523 3.258 3.442c.698.904 1.188 1.86.857 2.87a3 3 0 0 1-.177.422c-.485.943-1.507 1.273-2.645 1.423c-1.158.153-2.747.153-4.76.153h-.125c-2.014 0-3.603 0-4.761-.153c-1.138-.15-2.16-.48-2.646-1.423a3 3 0 0 1-.176-.422c-.331-1.01.159-1.966.857-2.87c.71-.919 1.834-2.032 3.258-3.442L10.934 12L8.47 9.56C7.046 8.15 5.922 7.037 5.212 6.118c-.698-.904-1.188-1.86-.857-2.87q.072-.218.176-.422c.486-.943 1.508-1.273 2.646-1.423c1.158-.153 2.747-.153 4.76-.153M12 10.945l2.43-2.407c1.478-1.463 2.53-2.507 3.17-3.337c.662-.856.697-1.248.62-1.486a1.4 1.4 0 0 0-.085-.202c-.117-.227-.429-.481-1.508-.623c-1.048-.138-2.537-.14-4.627-.14s-3.58.002-4.627.14c-1.08.142-1.391.396-1.508.623a1.4 1.4 0 0 0-.085.202c-.077.238-.042.63.62 1.486c.64.83 1.692 1.874 3.17 3.337zm0 2.11l-2.43 2.407c-1.478 1.463-2.53 2.507-3.17 3.337c-.662.856-.697 1.249-.62 1.486q.034.105.085.202c.117.227.429.481 1.508.623c1.048.138 2.537.14 4.627.14s3.58-.002 4.627-.14c1.08-.142 1.391-.396 1.508-.623q.05-.097.085-.202c.077-.238.042-.63-.62-1.486c-.64-.83-1.692-1.874-3.17-3.337z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.938 1.25h.124c2.014 0 3.603 0 4.76.153c1.139.15 2.161.48 2.646 1.423q.106.204.177.422c.331 1.01-.159 1.966-.857 2.87c-.71.919-1.834 2.032-3.258 3.442L13.066 12l2.464 2.44c1.424 1.41 2.548 2.523 3.258 3.442c.698.904 1.188 1.86.857 2.87a3 3 0 0 1-.177.422c-.485.943-1.507 1.273-2.645 1.423c-1.158.153-2.747.153-4.76.153h-.125c-2.014 0-3.603 0-4.761-.153c-1.138-.15-2.16-.48-2.646-1.423a3 3 0 0 1-.176-.422c-.331-1.01.159-1.966.857-2.87c.71-.919 1.834-2.032 3.258-3.442L10.934 12L8.47 9.56C7.046 8.15 5.922 7.037 5.212 6.118c-.698-.904-1.188-1.86-.857-2.87q.072-.218.176-.422c.486-.943 1.508-1.273 2.646-1.423c1.158-.153 2.747-.153 4.76-.153M12 10.945l2.43-2.407c1.478-1.463 2.53-2.507 3.17-3.337c.662-.856.697-1.248.62-1.486a1.4 1.4 0 0 0-.085-.202c-.117-.227-.429-.481-1.508-.623c-1.048-.138-2.537-.14-4.627-.14s-3.58.002-4.627.14c-1.08.142-1.391.396-1.508.623a1.4 1.4 0 0 0-.085.202c-.077.238-.042.63.62 1.486c.64.83 1.692 1.874 3.17 3.337zm0 2.11l-2.43 2.407c-1.478 1.463-2.53 2.507-3.17 3.337c-.662.856-.697 1.249-.62 1.486q.034.105.085.202c.117.227.429.481 1.508.623c1.048.138 2.537.14 4.627.14s3.58-.002 4.627-.14c1.08-.142 1.391-.396 1.508-.623q.05-.097.085-.202c.077-.238.042-.63-.62-1.486c-.64-.83-1.692-1.874-3.17-3.337z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-hourglass {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.938%201.25h.124c2.014%200%203.603%200%204.76.153c1.139.15%202.161.48%202.646%201.423q.106.204.177.422c.331%201.01-.159%201.966-.857%202.87c-.71.919-1.834%202.032-3.258%203.442L13.066%2012l2.464%202.44c1.424%201.41%202.548%202.523%203.258%203.442c.698.904%201.188%201.86.857%202.87a3%203%200%200%201-.177.422c-.485.943-1.507%201.273-2.645%201.423c-1.158.153-2.747.153-4.76.153h-.125c-2.014%200-3.603%200-4.761-.153c-1.138-.15-2.16-.48-2.646-1.423a3%203%200%200%201-.176-.422c-.331-1.01.159-1.966.857-2.87c.71-.919%201.834-2.032%203.258-3.442L10.934%2012L8.47%209.56C7.046%208.15%205.922%207.037%205.212%206.118c-.698-.904-1.188-1.86-.857-2.87q.072-.218.176-.422c.486-.943%201.508-1.273%202.646-1.423c1.158-.153%202.747-.153%204.76-.153M12%2010.945l2.43-2.407c1.478-1.463%202.53-2.507%203.17-3.337c.662-.856.697-1.248.62-1.486a1.4%201.4%200%200%200-.085-.202c-.117-.227-.429-.481-1.508-.623c-1.048-.138-2.537-.14-4.627-.14s-3.58.002-4.627.14c-1.08.142-1.391.396-1.508.623a1.4%201.4%200%200%200-.085.202c-.077.238-.042.63.62%201.486c.64.83%201.692%201.874%203.17%203.337zm0%202.11l-2.43%202.407c-1.478%201.463-2.53%202.507-3.17%203.337c-.662.856-.697%201.249-.62%201.486q.034.105.085.202c.117.227.429.481%201.508.623c1.048.138%202.537.14%204.627.14s3.58-.002%204.627-.14c1.08-.142%201.391-.396%201.508-.623q.05-.097.085-.202c.077-.238.042-.63-.62-1.486c-.64-.83-1.692-1.874-3.17-3.337z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.938%201.25h.124c2.014%200%203.603%200%204.76.153c1.139.15%202.161.48%202.646%201.423q.106.204.177.422c.331%201.01-.159%201.966-.857%202.87c-.71.919-1.834%202.032-3.258%203.442L13.066%2012l2.464%202.44c1.424%201.41%202.548%202.523%203.258%203.442c.698.904%201.188%201.86.857%202.87a3%203%200%200%201-.177.422c-.485.943-1.507%201.273-2.645%201.423c-1.158.153-2.747.153-4.76.153h-.125c-2.014%200-3.603%200-4.761-.153c-1.138-.15-2.16-.48-2.646-1.423a3%203%200%200%201-.176-.422c-.331-1.01.159-1.966.857-2.87c.71-.919%201.834-2.032%203.258-3.442L10.934%2012L8.47%209.56C7.046%208.15%205.922%207.037%205.212%206.118c-.698-.904-1.188-1.86-.857-2.87q.072-.218.176-.422c.486-.943%201.508-1.273%202.646-1.423c1.158-.153%202.747-.153%204.76-.153M12%2010.945l2.43-2.407c1.478-1.463%202.53-2.507%203.17-3.337c.662-.856.697-1.248.62-1.486a1.4%201.4%200%200%200-.085-.202c-.117-.227-.429-.481-1.508-.623c-1.048-.138-2.537-.14-4.627-.14s-3.58.002-4.627.14c-1.08.142-1.391.396-1.508.623a1.4%201.4%200%200%200-.085.202c-.077.238-.042.63.62%201.486c.64.83%201.692%201.874%203.17%203.337zm0%202.11l-2.43%202.407c-1.478%201.463-2.53%202.507-3.17%203.337c-.662.856-.697%201.249-.62%201.486q.034.105.085.202c.117.227.429.481%201.508.623c1.048.138%202.537.14%204.627.14s3.58-.002%204.627-.14c1.08-.142%201.391-.396%201.508-.623q.05-.097.085-.202c.077-.238.042-.63-.62-1.486c-.64-.83-1.692-1.874-3.17-3.337z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/hourglass.svg?color=%231a73e8&size=48
