Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as wake up, digital, alarm clock, timer, electronics, digital clock, time and date, pm, and desk clock. Created in a clean outline color style with a white, silver, gray, red, yellow, teal, 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 64 64"
>
<rect width="60" height="44" x="2" y="10" fill="#f5faff" rx="4" />
<path
fill="#e6f0ff"
d="M7 12h52a3 3 0 0 1 3 3v35a4 4 0 0 1-4 4H7a3 3 0 0 1-3-3V15a3 3 0 0 1 3-3z"
/>
<path fill="#64dcff" d="M6 14h52v28H6z" />
<path fill="#82f0ff" d="M9 17h49v25H9z" />
<path fill="#5a6978" d="M6 54h52v5H6z" />
<path fill="#4a5660" d="M9 54h49v5H9z" />
<path fill="#4a5660" d="M6 54h52v2H6z" />
<path fill="#3f4d56" d="M9 54h49v2H9z" />
<path fill="#5a6978" d="M12 5H8a2 2 0 0 0-2 2v3h8V7a2 2 0 0 0-2-2z" />
<path fill="#4a5660" d="M8 9v1h6V7h-4a2 2 0 0 0-2 2z" />
<path fill="#5a6978" d="M20 5h-4a2 2 0 0 0-2 2v3h8V7a2 2 0 0 0-2-2z" />
<path fill="#4a5660" d="M16 9v1h6V7h-4a2 2 0 0 0-2 2z" />
<path fill="#5a6978" d="M32 5h-4a2 2 0 0 0-2 2v3h8V7a2 2 0 0 0-2-2z" />
<path fill="#4a5660" d="M28 9v1h6V7h-4a2 2 0 0 0-2 2z" />
<rect width="10" height="4" x="27" y="46" fill="#82f0a0" rx="2" />
<path fill="#3ce678" d="M37 48h-6a2 2 0 0 0-2 2h6a2 2 0 0 0 2-2z" />
<rect width="10" height="4" x="13" y="46" fill="#ff786e" rx="2" />
<path fill="#ff5050" d="M23 48h-6a2 2 0 0 0-2 2h6a2 2 0 0 0 2-2z" />
<rect width="10" height="4" x="41" y="46" fill="#ffff96" rx="2" />
<path fill="#fff450" d="M51 48h-6a2 2 0 0 0-2 2h6a2 2 0 0 0 2-2z" />
<path
fill="#5a6978"
d="M22 18h-4a2 2 0 0 0-2 2v16a2 2 0 0 0 4 0v-6h2a6 6 0 0 0 0-12zm0 8h-2v-4h2a2 2 0 0 1 0 4z"
/>
<path
fill="#4a5660"
d="M18 38a2 2 0 0 0 2-2v-6h2a5.987 5.987 0 0 0 5.117-9.117A5.959 5.959 0 0 0 24 20h-5a1 1 0 0 0-1 1zm4-12h-2v-4h2a2 2 0 0 1 0 4z"
/>
<path
fill="#5a6978"
d="M46.633 18.1a2 2 0 0 0-2.233.7L40 24.667 35.6 18.8A2 2 0 0 0 32 20v16a2 2 0 0 0 4 0V26l2.4 3.2a2.074 2.074 0 0 0 3.2 0L44 26v10a2 2 0 0 0 4 0V20a2 2 0 0 0-1.367-1.9z"
/>
<path
fill="#4a5660"
d="M34 36V20.667a1.333 1.333 0 0 1 .533-1.067 1.334 1.334 0 0 1 1.867.267L41 26l4.6-6.133a1.334 1.334 0 0 1 1.867-.267A1.333 1.333 0 0 1 48 20.667V36a2 2 0 0 1-4 0V26l-2.4 3.2a2.074 2.074 0 0 1-3.2 0L36 26v10a1.993 1.993 0 0 1-1 1.723A1.993 1.993 0 0 1 34 36"
/>
<path
d="M58 13H6a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1zm-1 28H7V15h50zM35 45h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 0-6zm0 4h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM21 45h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 0-6zm0 4h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM49 45h-6a3 3 0 0 0 0 6h6a3 3 0 0 0 0-6zm0 4h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
<path
d="M58 9H35V7a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v2h-2V7a3 3 0 0 0-3-3h-4a2.981 2.981 0 0 0-2 .78A2.981 2.981 0 0 0 12 4H8a3 3 0 0 0-3 3v2.1A5.009 5.009 0 0 0 1 14v36a5.009 5.009 0 0 0 4 4.9V59a1 1 0 0 0 1 1h52a1 1 0 0 0 1-1v-4.1a5.009 5.009 0 0 0 4-4.9V14a5.006 5.006 0 0 0-5-5zM27 7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h-6zM15 7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2h-6zM7 7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2H7zm50 51H7v-3h50zm4-8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V14a3 3 0 0 1 3-3h52a3 3 0 0 1 3 3z"
/>
<path
d="M18 39a3 3 0 0 0 3-3v-5h1a7 7 0 0 0 0-14h-4a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3zm-1-19a1 1 0 0 1 1-1h4a5 5 0 0 1 0 10h-2a1 1 0 0 0-1 1v6a1 1 0 0 1-2 0z"
/>
<path
d="M20 27h2a3 3 0 0 0 0-6h-2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h1a1 1 0 0 1 0 2h-1zM34 39a3 3 0 0 0 3-3v-7l.6.8a3.072 3.072 0 0 0 4.8 0l.6-.8v7a3 3 0 0 0 6 0V20a3 3 0 0 0-2.051-2.846A3 3 0 0 0 43.6 18.2L40 23l-3.6-4.8A3 3 0 0 0 31 20v16a3 3 0 0 0 3 3zm-1-19a1 1 0 0 1 1.8-.6l4.4 5.868a1.036 1.036 0 0 0 1.6 0l4.4-5.868a1 1 0 0 1 1.8.6v16a1 1 0 0 1-2 0V26a1 1 0 0 0-1.8-.6l-2.4 3.2a1.128 1.128 0 0 1-1.6 0l-2.4-3.2a1 1 0 0 0-1.8.6v10a1 1 0 0 1-2 0z"
/>
</svg>
More icons in the same style and category