Add icons to this collection by clicking the heart icon.
24 Hours icon - also known as interface, time, schedule, day, calendar, date, 24 hours, administration, event, and time and date. Created in a clean flat style with a white, silver, gray, yellow, 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"
>
<path fill="#84d2f4" d="M4 21h56v40H4z" />
<path
fill="#57b7eb"
d="M45.49 54H35c-.53 0-1.05-.02-1.57-.07A17.956 17.956 0 0 1 17 36V25h43v-4H4v40h56v-7z"
/>
<path
fill="#f8664f"
d="M4 7v14h56V7zm8 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm13 0a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm14 0a4 4 0 1 1 4-4 4 4 0 0 1-4 4zm13 0a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="#cc5144"
d="M25 7v2a3.981 3.981 0 0 0-3.95 3.42A1.931 1.931 0 0 1 21 12V7zM39 7v2a3.981 3.981 0 0 0-3.95 3.42A1.931 1.931 0 0 1 35 12V7zM52 7v2a3.981 3.981 0 0 0-3.95 3.42A1.931 1.931 0 0 1 48 12V7z"
/>
<path
fill="#cc5144"
d="M30 18a11.968 11.968 0 0 1-4.83-1.01.97.97 0 0 1-.17.01 4 4 0 0 1-3.84-2.87A11.971 11.971 0 0 1 18.04 7H4v14h56v-3zm-18-1a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<rect width="4" height="10" x="10" y="3" fill="#e9f1f2" rx="2" />
<rect width="4" height="10" x="23" y="3" fill="#e9f1f2" rx="2" />
<rect width="4" height="10" x="37" y="3" fill="#e9f1f2" rx="2" />
<rect width="4" height="10" x="50" y="3" fill="#e9f1f2" rx="2" />
<path
fill="#d0d8da"
d="M13.74 11.98A2 2 0 0 1 10 11V5a2.006 2.006 0 0 1 2-2 2.112 2.112 0 0 1 .26.02A1.914 1.914 0 0 0 12 4v6a2.005 2.005 0 0 0 1.74 1.98zM26.74 11.98A2 2 0 0 1 23 11V5a2.006 2.006 0 0 1 2-2 2.112 2.112 0 0 1 .26.02A1.914 1.914 0 0 0 25 4v6a2.005 2.005 0 0 0 1.74 1.98zM40.74 11.98A2 2 0 0 1 37 11V5a2.006 2.006 0 0 1 2-2 2.112 2.112 0 0 1 .26.02A1.914 1.914 0 0 0 39 4v6a2.005 2.005 0 0 0 1.74 1.98zM53.74 11.98A2 2 0 0 1 50 11V5a2.006 2.006 0 0 1 2-2 2.112 2.112 0 0 1 .26.02A1.914 1.914 0 0 0 52 4v6a2.005 2.005 0 0 0 1.74 1.98z"
/>
<path
fill="#f9e109"
d="m18.83 50.413-.587.587a1 1 0 0 1-1.415 0L14 48.172a1 1 0 0 1 0-1.415l.587-.587a3.113 3.113 0 0 0 .231-4.245 3 3 0 0 0-4.354-.117l-.707.707a6 6 0 0 0 0 8.485L14 55.243a6 6 0 0 0 8.485 0l.707-.707a3 3 0 0 0-.117-4.354 3.113 3.113 0 0 0-4.245.231z"
/>
<path
fill="#fcbc04"
d="M23.66 53.92a2.743 2.743 0 0 1-.47.62l-.7.7a5.993 5.993 0 0 1-8.49 0L9.76 51a5.993 5.993 0 0 1 0-8.49l.7-.7a2.743 2.743 0 0 1 .62-.47 5.974 5.974 0 0 0 .68 7.66L16 53.24a5.974 5.974 0 0 0 7.66.68z"
/>
<path
fill="#f9e109"
d="M28 29.511a1 1 0 0 0 .625-.219A14.831 14.831 0 0 1 38 26a15.039 15.039 0 0 1 2.4.2 1 1 0 1 0 1.2 1.6l2-1.5a1 1 0 0 0 .275-1.284L42.651 22.8a1 1 0 0 0-1.75.969l.292.527a17.032 17.032 0 0 0-13.821 3.431A1 1 0 0 0 28 29.511zM46.632 53.269a14.981 14.981 0 0 1-14.482 1.538h.29a1 1 0 0 0 0-2H29a1 1 0 0 0-.954 1.3l1 3.193a1 1 0 0 0 1.908-.6l-.084-.269A17 17 0 0 0 47.785 54.9a1 1 0 0 0-1.153-1.635z"
/>
<g fill="#f8664f">
<path
d="M29.091 41.418A1 1 0 0 0 30 42h6a1 1 0 0 0 0-2h-3.826l4.585-5.349A1 1 0 0 0 37 34a4 4 0 0 0-8 0 1 1 0 0 0 2 0 2 2 0 0 1 3.972-.337l-5.731 6.686a1 1 0 0 0-.15 1.069zM48 36h-2v-5a1 1 0 0 0-2 0v5h-3v-5a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1h4v3a1 1 0 0 0 2 0v-3h2a1 1 0 0 0 0-2zM29 47a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0v-2a3 3 0 0 0-3-3 2.966 2.966 0 0 0-1 .184V43a1 1 0 0 0-2 0v7a1 1 0 0 0 2 0v-2a1 1 0 0 1 1-1zM37 51a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM43 45a1 1 0 0 0-1 1v2a3 3 0 0 0 6 0v-2a1 1 0 0 0-2 0v2a1 1 0 0 1-2 0v-2a1 1 0 0 0-1-1zM53 46a3.009 3.009 0 0 0-1 .171V46a1 1 0 0 0-2 0v4a1 1 0 0 0 2 0v-1a1 1 0 0 1 1-1 1 1 0 0 0 0-2z"
/>
</g>
<path
fill="#f9e109"
d="M56.641 38.773a1 1 0 0 0-1.409.127l-.319.382a16.87 16.87 0 0 0-4.892-10.3 1 1 0 0 0-1.415 1.415 14.88 14.88 0 0 1 4.334 9.369l-.647-.534a1 1 0 0 0-1.273 1.542l2.343 1.935a1 1 0 0 0 1.405-.13l2-2.394a1 1 0 0 0-.127-1.412zM24.929 32.631a1 1 0 0 0-1.245-.58l-3 1a1 1 0 1 0 .632 1.9l.919-.307A16.839 16.839 0 0 0 21 41a1 1 0 0 0 2 0 14.864 14.864 0 0 1 .985-5.33l.086.217a1 1 0 0 0 .929.632.981.981 0 0 0 .369-.072 1 1 0 0 0 .56-1.3z"
/>
<path
fill="#fcbc04"
d="M9.964 36.743a1 1 0 1 0 1.414 1.414 1 1 0 0 1 1.415 0 1 1 0 1 0 1.414-1.414 3 3 0 0 0-4.243 0z"
/>
<path
fill="#fcbc04"
d="M7.136 33.914a1 1 0 1 0 1.414 1.414 5.008 5.008 0 0 1 7.072 0 1 1 0 0 0 1.414-1.414 7.011 7.011 0 0 0-9.9 0zM48.2 54a.964.964 0 0 1-.42.9 16.976 16.976 0 0 1-16.91 1.53l.08.27a.984.984 0 0 1-.65 1.25.789.789 0 0 1-.3.05.984.984 0 0 1-.95-.7l-1-3.19a1.026 1.026 0 0 1 .14-.9.905.905 0 0 1 .5-.34h.01a18.082 18.082 0 0 0 4.73 1.06 1 1 0 0 1-.99.88h-.29A15 15 0 0 0 45.49 54zM43.87 25H32.26A17.2 17.2 0 0 1 38 24a16.906 16.906 0 0 1 3.19.3l-.29-.53a1 1 0 0 1 1.75-.97z"
/>
</svg>
More icons in the same style and category