hourglass icon
hourglass from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- hourglass
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
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 OutlinehourglassIconoirhourglassJam IconshourglassLine AwesomehourglassLucidehourglassMaterial SymbolshourglassMaterial Symbols Lighthourglass-16OcticonshourglassPhosphor
Use the hourglass icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44c25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 0 0-12-36.26A50.3 50.3 0 0 0 366.39 32H145.61a50.34 50.34 0 0 0-37.39 16.46a47.05 47.05 0 0 0-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75c-25.5 23.1-60.5 54.73-69.2 131.38a46.6 46.6 0 0 0 11.7 36.2A50.44 50.44 0 0 0 145.61 480h220.78A50.44 50.44 0 0 0 404 463.33a46.6 46.6 0 0 0 11.7-36.2M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2c-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87c9.95 12.04 6.47 29.13-9.1 29.13"/></svg>
React
import type { SVGProps } from "react";
export function IonHourglass(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44c25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 0 0-12-36.26A50.3 50.3 0 0 0 366.39 32H145.61a50.34 50.34 0 0 0-37.39 16.46a47.05 47.05 0 0 0-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75c-25.5 23.1-60.5 54.73-69.2 131.38a46.6 46.6 0 0 0 11.7 36.2A50.44 50.44 0 0 0 145.61 480h220.78A50.44 50.44 0 0 0 404 463.33a46.6 46.6 0 0 0 11.7-36.2M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2c-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87c9.95 12.04 6.47 29.13-9.1 29.13"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M415.7 427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52 279 320 270.61 320 256c0-14.41 8.49-22.64 26.16-38.44c25.93-23.17 61.44-54.91 69.56-132.84a47 47 0 0 0-12-36.26A50.3 50.3 0 0 0 366.39 32H145.61a50.34 50.34 0 0 0-37.39 16.46a47.05 47.05 0 0 0-11.94 36.26c8.09 77.68 43.47 109.19 69.3 132.19C183.42 232.8 192 241.09 192 256c0 15.1-8.6 23.56-26.5 39.75c-25.5 23.1-60.5 54.73-69.2 131.38a46.6 46.6 0 0 0 11.7 36.2A50.44 50.44 0 0 0 145.61 480h220.78A50.44 50.44 0 0 0 404 463.33a46.6 46.6 0 0 0 11.7-36.2M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2c-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.22 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87c9.95 12.04 6.47 29.13-9.1 29.13"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M415.7%20427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52%20279%20320%20270.61%20320%20256c0-14.41%208.49-22.64%2026.16-38.44c25.93-23.17%2061.44-54.91%2069.56-132.84a47%2047%200%200%200-12-36.26A50.3%2050.3%200%200%200%20366.39%2032H145.61a50.34%2050.34%200%200%200-37.39%2016.46a47.05%2047.05%200%200%200-11.94%2036.26c8.09%2077.68%2043.47%20109.19%2069.3%20132.19C183.42%20232.8%20192%20241.09%20192%20256c0%2015.1-8.6%2023.56-26.5%2039.75c-25.5%2023.1-60.5%2054.73-69.2%20131.38a46.6%2046.6%200%200%200%2011.7%2036.2A50.44%2050.44%200%200%200%20145.61%20480h220.78A50.44%2050.44%200%200%200%20404%20463.33a46.6%2046.6%200%200%200%2011.7-36.2M343.3%20432H169.13c-15.6%200-20-18-9.06-29.16C186.55%20376%20240%20356.78%20240%20326V224c0-19.85-38-35-61.51-67.2c-3.88-5.31-3.49-12.8%206.37-12.8h142.73c8.41%200%2010.22%207.43%206.4%2012.75C310.82%20189%20272%20204.05%20272%20224v102c0%2030.53%2055.71%2047%2080.4%2076.87c9.95%2012.04%206.47%2029.13-9.1%2029.13%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M415.7%20427.13c-8.74-76.89-43.83-108.76-69.46-132C328.52%20279%20320%20270.61%20320%20256c0-14.41%208.49-22.64%2026.16-38.44c25.93-23.17%2061.44-54.91%2069.56-132.84a47%2047%200%200%200-12-36.26A50.3%2050.3%200%200%200%20366.39%2032H145.61a50.34%2050.34%200%200%200-37.39%2016.46a47.05%2047.05%200%200%200-11.94%2036.26c8.09%2077.68%2043.47%20109.19%2069.3%20132.19C183.42%20232.8%20192%20241.09%20192%20256c0%2015.1-8.6%2023.56-26.5%2039.75c-25.5%2023.1-60.5%2054.73-69.2%20131.38a46.6%2046.6%200%200%200%2011.7%2036.2A50.44%2050.44%200%200%200%20145.61%20480h220.78A50.44%2050.44%200%200%200%20404%20463.33a46.6%2046.6%200%200%200%2011.7-36.2M343.3%20432H169.13c-15.6%200-20-18-9.06-29.16C186.55%20376%20240%20356.78%20240%20326V224c0-19.85-38-35-61.51-67.2c-3.88-5.31-3.49-12.8%206.37-12.8h142.73c8.41%200%2010.22%207.43%206.4%2012.75C310.82%20189%20272%20204.05%20272%20224v102c0%2030.53%2055.71%2047%2080.4%2076.87c9.95%2012.04%206.47%2029.13-9.1%2029.13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/hourglass.svg?color=%231a73e8&size=48
