Add icons to this collection by clicking the heart icon.
Clock icon - also known as clock, time, schedule, calendar, date, deadline, follow up, period, and time and date. Created in a clean flat style with a white, silver, gray, red, orange, and pink 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 512 512"
>
<path fill="#d9e6ff" d="M16 48h448v384H16z" />
<path fill="#f6646c" d="M16 48h448v136H16z" />
<path
fill="#96bbff"
d="M176 232h56v48h-56zM248 232h56v48h-56zM320 232h56v48h-56zM392 232h56v48h-56zM32 296h56v48H32zM104 296h56v48h-56zM176 296h56v48h-56zM248 296h56v48h-56zM320 296h56v48h-56zM392 296h56v48h-56zM32 360h56v48H32zM104 360h56v48h-56zM176 360h56v48h-56z"
/>
<rect width="448" height="48" x="16" y="160" fill="#5b83fe" rx="1" />
<path
fill="#f2444e"
d="M32 88h192v48H32zM392 100h-56a4 4 0 0 1 0-8h56a4 4 0 0 1 0 8zM424 116h-88a4 4 0 0 1 0-8h88a4 4 0 0 1 0 8zM392 132h-56a4 4 0 0 1 0-8h56a4 4 0 0 1 0 8zM448 132h-40a4 4 0 0 1 0-8h40a4 4 0 0 1 0 8z"
/>
<circle cx="376" cy="376" r="120" fill="#ffa54f" />
<circle cx="376" cy="376" r="106.667" fill="#ffc682" />
<g fill="#ffa54f">
<path
d="M52 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM84 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM116 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM148 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM308 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM340 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM372 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM404 48v-8a12 12 0 0 1 24 0v16a12.013 12.013 0 0 1-12 12 4 4 0 0 1 0-8 4 4 0 0 0 4-4V40a4 4 0 0 0-8 0v8zM376 293.333a4 4 0 0 1-4-4v-20a4 4 0 0 1 8 0v20a4 4 0 0 1-4 4zM376 486.667a4 4 0 0 1-4-4v-20a4 4 0 1 1 8 0v20a4 4 0 0 1-4 4zM289.333 380h-20a4 4 0 0 1 0-8h20a4 4 0 1 1 0 8zM482.667 380h-20a4 4 0 1 1 0-8h20a4 4 0 0 1 0 8zM409.165 299.909a4 4 0 0 1-3.693-5.532l7.649-18.458a4 4 0 0 1 7.391 3.062l-7.65 18.458a4 4 0 0 1-3.697 2.47zM335.182 478.551a4 4 0 0 1-3.694-5.532l7.65-18.458a4 4 0 1 1 7.39 3.062l-7.649 18.458a4 4 0 0 1-3.697 2.47zM295.906 346.834a4 4 0 0 1-1.529-.305l-18.458-7.651a4 4 0 1 1 3.062-7.39l18.458 7.65a4 4 0 0 1-1.533 7.7zM474.548 420.818a3.977 3.977 0 0 1-1.529-.306l-18.458-7.65a4 4 0 1 1 3.062-7.391l18.458 7.651a4 4 0 0 1-1.533 7.7zM342.835 299.909a4 4 0 0 1-3.7-2.47l-7.65-18.458a4 4 0 0 1 7.391-3.062l7.649 18.458a4 4 0 0 1-3.693 5.532zM416.818 478.551a4 4 0 0 1-3.7-2.47l-7.649-18.458a4 4 0 1 1 7.39-3.062l7.65 18.458a4 4 0 0 1-3.694 5.532zM277.452 420.818a4 4 0 0 1-1.533-7.7l18.458-7.651a4 4 0 1 1 3.062 7.391l-18.458 7.65a3.974 3.974 0 0 1-1.529.31zM456.094 346.834a4 4 0 0 1-1.533-7.7l18.458-7.65a4 4 0 1 1 3.062 7.39l-18.458 7.651a3.991 3.991 0 0 1-1.529.309zM314.717 318.717a3.985 3.985 0 0 1-2.828-1.172L297.747 303.4a4 4 0 0 1 5.656-5.657l14.142 14.141a4 4 0 0 1-2.828 6.829zM451.425 455.425a3.985 3.985 0 0 1-2.828-1.172l-14.142-14.141a4 4 0 0 1 5.656-5.657l14.142 14.145a4 4 0 0 1-2.828 6.829zM300.575 455.425a4 4 0 0 1-2.828-6.829l14.142-14.141a4 4 0 0 1 5.656 5.657L303.4 454.253a3.985 3.985 0 0 1-2.825 1.172zM437.283 318.717a4 4 0 0 1-2.828-6.829l14.145-14.141a4 4 0 0 1 5.656 5.657l-14.142 14.141a3.985 3.985 0 0 1-2.831 1.172z"
/>
</g>
<path
fill="#f07f35"
d="M376 380a4 4 0 0 1-4-4v-66.667a4 4 0 0 1 8 0V376a4 4 0 0 1-4 4z"
/>
<path
fill="#f07f35"
d="M422.667 380H376a4 4 0 0 1 0-8h46.667a4 4 0 0 1 0 8z"
/>
<path
fill="#ffa54f"
d="M376 386.667A10.667 10.667 0 1 1 386.667 376 10.679 10.679 0 0 1 376 386.667z"
/>
</svg>
More icons in the same style and category