Hour Glass Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Hour Glass icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/305872.svg" alt="Hour Glass icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/305872.svg" alt="Hour Glass icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/305872.svg" alt="Hour Glass icon" :width="24" :height="24" />
CSS background
.icon-hour-glass {
background-image: url('https://proicons.com/icon/305872.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M518 380l110-98c5-5 9-12 9-20v-8c0-15-12-28-27-28H391c-15 0-28 13-28 28v8c0 8 4 15 10 20l109 98c10 9 26 9 36 0zm274 511c-5-6-12-8-19-8-15 0-27-12-27-27V647c0-17-6-31-19-41l-95-86c-12-11-12-30 0-40l95-86c13-10 19-24 19-41V144c0-15 12-27 27-27 7 0 14-2 19-8 6-5 9-11 9-19s-3-15-9-20c-5-5-12-8-19-8H227c-7 0-13 3-19 8s-9 12-9 20 3 14 9 19c6 6 12 8 19 8 15 0 27 12 27 27v209c0 17 6 31 19 41l95 86c12 10 12 29 0 40l-95 86c-13 10-19 24-19 41v209c0 15-12 27-27 27-7 0-13 2-19 8s-9 11-9 19 3 15 9 20 12 8 19 8h547c8 0 14-3 19-8s8-12 8-20-3-14-9-19zm-101-35c0 15-12 27-27 27H336c-15 0-27-12-27-27V659c0-8 3-15 9-20l132-119c12-11 12-30 0-40L318 361c-6-5-9-12-9-20V144c0-15 12-27 27-27h328c15 0 27 12 27 27v197c0 8-3 15-9 20L550 480c-12 10-12 29 0 40l132 119c6 5 9 12 9 20v197zm-63-139l-52-46c-5-5-11-7-18-7H442c-7 0-13 2-18 7l-52 46c-5 6-9 13-9 21v63c0 15 12 27 28 27h218c15 0 28-12 28-27v-63c0-8-4-15-9-21z"/></svg>
Hour Glass in other icon packs
Copied!