Add icons to this collection by clicking the heart icon.
Hourglass icon - also known as clock, time, waiting, hourglass, long time, Tools and utensils, and time and date. Created in a clean circular style with a white, gray, teal, and orange finish, 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="512"
height="512"
viewBox="0 0 140 140"
>
<circle cx="70" cy="70" r="64" fill="#dc594e" />
<path
d="M50.71 70.01c0-.57-.07-1.11-.19-1.61L41 58.88v-.01c-2.39-1.94-4.29-4.17-4.29-7.41V41.5l-3.29-3.29h.01a4.072 4.072 0 0 1-1.34-3.01c0-2.26 1.83-4.1 4.09-4.1H75.8c.97 0 1.85.35 2.55.92l.03-.02.2.21c.08.07.14.13.21.21l41.8 41.79.21.21 11.26 11.26C125.06 113.44 99.94 134 70 134c-3.9 0-7.72-.37-11.43-1.04l-24.95-24.94h.04c-.95-.75-1.57-1.9-1.57-3.2 0-2.26 1.83-4.1 4.09-4.1h.53V88.55c0-8.81 14-10.14 14-18.54z"
opacity=".1"
/>
<path
fill="#e6e7e8"
d="M61.281 70.008c0 8.404 14.002 9.734 14.002 18.545v15.425h-38.57V88.553c0-8.81 14.001-10.145 14.001-18.545s-14.001-9.735-14.001-18.546V36.204h38.57v15.258c0 8.81-14.002 10.141-14.002 18.546z"
/>
<path
fill="#d6b251"
d="M42.713 94.719v-6.166c0-1.264 1.82-2.65 4.598-4.622 3.094-2.197 7.081-5.027 8.687-9.604 1.605 4.58 5.592 7.41 8.688 9.607 2.777 1.97 4.597 3.356 4.597 4.619v6.166zM42.713 51.462c0 1.264 1.82 2.65 4.598 4.622 3.094 2.196 7.081 5.026 8.687 9.604 1.605-4.58 5.592-7.41 8.688-9.606 2.777-1.97 4.597-3.356 4.597-4.62z"
/>
<path
fill="#344e5c"
d="M75.803 31.104h-39.62a4.095 4.095 0 0 0 0 8.19h39.62a4.095 4.095 0 0 0 0-8.19zM75.803 100.724h-39.62a4.095 4.095 0 0 0 0 8.19h39.62a4.095 4.095 0 0 0 0-8.19z"
/>
<path fill="#3e6472" d="M82.077 58.575h5.637v6.987h-5.637z" />
<path
fill="#467080"
d="M91.194 53.858H78.597a1.844 1.844 0 0 0-1.844 1.844v1.948c0 1.018.826 1.844 1.844 1.844h12.597a1.844 1.844 0 0 0 1.844-1.844v-1.948a1.844 1.844 0 0 0-1.844-1.844z"
/>
<circle cx="84.895" cy="85.896" r="23.017" fill="#467080" />
<path
fill="#ececec"
d="M84.896 104.913c-10.486 0-19.017-8.531-19.017-19.017s8.53-19.016 19.017-19.016 19.016 8.531 19.016 19.016-8.53 19.017-19.016 19.017z"
/>
<g fill="#e7a04e">
<path
d="M84.895 70.217a1.07 1.07 0 0 1 0-2.138 1.07 1.07 0 0 1 0 2.138zM84.895 103.714a1.07 1.07 0 0 1 0-2.139 1.07 1.07 0 0 1 0 2.139zM77.056 72.318a1.07 1.07 0 0 1-1.07-1.852 1.07 1.07 0 0 1 1.07 1.852zM93.804 101.327a1.07 1.07 0 1 1 .391-1.46 1.07 1.07 0 0 1-.391 1.46zM71.317 78.057a1.07 1.07 0 0 1-1.852-1.07 1.07 1.07 0 0 1 1.852 1.07zM100.326 94.805a1.07 1.07 0 0 1-1.852-1.07 1.07 1.07 0 0 1 1.852 1.07zM69.216 85.896a1.07 1.07 0 0 1-2.138 0 1.07 1.07 0 0 1 2.138 0zM102.713 85.896a1.07 1.07 0 0 1-2.139 0 1.07 1.07 0 0 1 2.139 0zM71.317 93.736a1.07 1.07 0 1 1-1.46-.391 1.07 1.07 0 0 1 1.46.39zM100.326 76.988a1.07 1.07 0 0 1-1.852 1.069 1.07 1.07 0 0 1 1.852-1.07zM77.056 99.475a1.07 1.07 0 0 1-1.07 1.852 1.07 1.07 0 0 1 1.07-1.852zM93.804 70.466a1.07 1.07 0 0 1-1.07 1.852 1.07 1.07 0 0 1 1.07-1.852z"
/>
</g>
<path
fill="#32796b"
d="M94.87 86.646h-9.974a.75.75 0 0 1-.75-.75V73.118a.75.75 0 0 1 1.5 0v12.028h9.224a.75.75 0 0 1 0 1.5z"
/>
<path
fill="#48b19a"
d="M84.895 89.563a3.67 3.67 0 0 1-3.666-3.667c0-2.021 1.645-3.666 3.666-3.666s3.667 1.645 3.667 3.666a3.67 3.67 0 0 1-3.667 3.667z"
/>
<path
fill="#e6e7e8"
d="M84.895 87.951a2.057 2.057 0 0 1-2.054-2.055c0-1.133.921-2.054 2.054-2.054s2.055.921 2.055 2.054a2.057 2.057 0 0 1-2.055 2.055z"
/>
</svg>
More icons in the same style and category