Add icons to this collection by clicking the heart icon.
Time icon - also known as clock, time, hours, setting, alarm, gear, management, and time and date. Created in a clean flat style with a white, silver, red, yellow, blue, 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 64 64"
>
<circle cx="27" cy="27" r="24" fill="#2488ff" />
<circle cx="27" cy="27" r="18" fill="#ffda44" />
<path
fill="#ffcd00"
d="M31.135 9.5a17.957 17.957 0 0 1-21.27 23 18 18 0 1 0 21.27-23z"
/>
<g fill="#ff9811">
<path
d="M26 9h2v3a1 1 0 0 1-1 1 1 1 0 0 1-1-1V9zM17.134 11.912l1.732-1 1.5 2.598A1 1 0 0 1 20 14.876a1 1 0 0 1-1.366-.366l-1.5-2.598zM10.911 18.866l1-1.732 2.598 1.5A1 1 0 0 1 14.875 20a1 1 0 0 1-1.366.366l-2.598-1.5zM9 28v-2h3a1 1 0 0 1 1 1 1 1 0 0 1-1 1H9zM11.91 36.866l-1-1.732 2.598-1.5a1 1 0 0 1 1.366.366 1 1 0 0 1-.366 1.366l-2.598 1.5zM18.866 43.09l-1.732-1 1.5-2.598A1 1 0 0 1 20 39.126a1 1 0 0 1 .366 1.366l-1.5 2.598zM28 45h-2v-3a1 1 0 0 1 1-1 1 1 0 0 1 1 1v3zM36.867 42.09l-1.732 1-1.5-2.598a1 1 0 0 1 .366-1.366 1 1 0 0 1 1.366.366l1.5 2.598zM43.09 35.132l-1 1.732-2.598-1.5a1 1 0 0 1-.366-1.366 1 1 0 0 1 1.366-.366l2.598 1.5zM45 26v2h-3a1 1 0 0 1-1-1 1 1 0 0 1 1-1h3zM42.089 17.132l1 1.732-2.598 1.5a1 1 0 0 1-1.366-.366 1 1 0 0 1 .366-1.366l2.598-1.5zM35.133 10.912l1.732 1-1.5 2.598a1 1 0 0 1-1.366.366 1 1 0 0 1-.366-1.366l1.5-2.598z"
/>
</g>
<path
fill="#57a4ff"
d="M27 46a19 19 0 1 1 19-19 19.021 19.021 0 0 1-19 19zm0-36a17 17 0 1 0 17 17 17.019 17.019 0 0 0-17-17z"
/>
<path
fill="#006df0"
d="M27 26a3.977 3.977 0 0 1 1 .141V15a1 1 0 0 0-2 0v11.141A3.977 3.977 0 0 1 27 26z"
/>
<path
fill="#ff5023"
d="M26 27a3.977 3.977 0 0 1 .141-1H19a1 1 0 0 0 0 2h7.141A3.977 3.977 0 0 1 26 27z"
/>
<circle cx="27" cy="27" r="2" fill="#ed1c24" />
<circle cx="46" cy="46" r="15" fill="#ffb655" />
<path
fill="#ffa733"
d="M50.634 31.738a14.986 14.986 0 0 1-19.268 17.524 15 15 0 1 0 19.268-17.524z"
/>
<path
fill="#ed1c24"
d="M53.75 48a7.872 7.872 0 0 1-.86 2.07l2.3 2.29-2.83 2.83-2.29-2.3a7.872 7.872 0 0 1-2.07.86V57h-4v-3.25a7.872 7.872 0 0 1-2.07-.86l-2.29 2.3-2.83-2.83 2.3-2.29a7.872 7.872 0 0 1-.86-2.07H35v-4h3.25a7.872 7.872 0 0 1 .86-2.07l-2.3-2.29 2.83-2.83 2.29 2.3a7.872 7.872 0 0 1 2.07-.86V35h4v3.25a7.872 7.872 0 0 1 2.07.86l2.29-2.3 2.83 2.83-2.3 2.29a7.872 7.872 0 0 1 .86 2.07H57v4z"
/>
<circle cx="46" cy="46" r="4" fill="#f1f2f2" />
</svg>
More icons in the same style and category