Add icons to this collection by clicking the heart icon.
Hourglass icon - also known as clock, time, waiting, hourglass, and time and date. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-22.897"
x2="-22.897"
y1="618.483"
y2="553.475"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M240 215.888h.68l5.304-.448c37.231-3.303 65.832-34.399 66.016-71.776a8 8 0 0 0-16 0c-.155 29.068-22.404 53.245-51.36 55.808l-5.312.448a8.007 8.007 0 0 0 .664 16l.008-.032z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.875"
x2="-30.875"
y1="618.483"
y2="553.475"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="m239.328 264.136-5.304.448c-37.225 3.298-65.827 34.381-66.024 71.752a8 8 0 0 0 16 0c.155-29.068 22.404-53.245 51.36-55.808l5.312-.448a8 8 0 1 0-1.344-15.944z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.875"
x2="-26.875"
y1="618.483"
y2="553.475"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M368 464h-8v-24a8 8 0 0 0-8-8h-8v-95.664c-.253-42.33-25.965-80.345-65.16-96.336 39.195-15.991 64.907-54.006 65.16-96.336V48h8a8 8 0 0 0 8-8V16h8a8 8 0 0 0 0-16H112a8 8 0 0 0 0 16h8v24a8 8 0 0 0 8 8h8v95.664c.253 42.33 25.965 80.345 65.16 96.336-39.195 15.991-64.907 54.006-65.16 96.336V432h-8a8 8 0 0 0-8 8v24h-8a8 8 0 0 0 0 16h256a8 8 0 0 0 0-16zM344 16v16H136V16h208zM152 143.664V48h176v95.664c-.246 45.673-35.201 83.66-80.696 87.696L240 232l-7.304-.616c-45.504-4.037-80.462-42.038-80.696-87.72zm0 192.672c.246-45.673 35.201-83.66 80.696-87.696L240 248l7.304.616c45.504 4.037 80.462 42.038 80.696 87.72V432H152v-95.664zM136 464v-16h208v16H136z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category