Add icons to this collection by clicking the heart icon.
Hourglass icon - also known as clock, time, waiting, hourglass, Tools and utensils, 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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f8fe" />
<stop offset="1" stop-color="#00a7c0" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="191"
x2="329.66"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#fff" />
<stop offset="1" stop-color="#fff5ca" />
</linearGradient>
<path
d="M318.254 231.477c25.962-12.29 30.984-24.358 30.984-65.67v-57.155H162.762v57.155c0 41.311 5.021 53.38 30.984 65.67 5.776 2.734 12.487 5.637 18.697 8.227a17.625 17.625 0 0 1 10.852 16.262v.068a17.625 17.625 0 0 1-10.852 16.262c-6.211 2.59-12.921 5.493-18.697 8.227-25.962 12.29-30.984 24.358-30.984 65.67v57.155h186.475v-57.155c0-41.312-5.021-53.38-30.984-65.67-5.776-2.734-12.486-5.637-18.697-8.227a17.625 17.625 0 0 1-10.852-16.262v-.068a17.625 17.625 0 0 1 10.852-16.262c6.212-2.59 12.922-5.493 18.698-8.227z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="191"
x2="329.66"
y1="151.625"
y2="151.625"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<path
d="M178.25 365v26.25h155.5V365c0-8.028.569-21.021-11.669-31.5H189.919c-12.237 10.479-11.669 23.472-11.669 31.5z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="191"
x2="329.66"
y1="410.623"
y2="410.623"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9330b2" />
<stop offset="1" stop-color="#451151" />
</linearGradient>
<path d="M139.34 81h233.31v44.754H139.34z" fill="url(#d)" />
<linearGradient
id="e"
x1="191"
x2="329.66"
y1="105.373"
y2="105.373"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9330b2" />
<stop offset="1" stop-color="#451151" />
</linearGradient>
<path d="M139.34 386.25h233.31v44.754H139.34z" fill="url(#e)" />
<linearGradient
id="f"
x1="191"
x2="329.66"
y1="287.052"
y2="287.052"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff53a0" />
<stop offset="1" stop-color="#a90057" />
</linearGradient>
<path
d="M333.75 177.25v-9.583h-155.5v9.583c0 10.5-1 29.5 27 40.25s32 19.75 32 35.25 6.75 33.5 18.75 33.5 18.75-18 18.75-33.5 4-24.5 32-35.25 27-29.75 27-40.25z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category