Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as time, wake up, digital, alarm clock, timer, electronics, digital clock, time and date, and desk clock. Created in a clean flat 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="36" x="2" y="14" fill="#f5faff" rx="4" />
<path
fill="#e6f0ff"
d="M7 16h52a3 3 0 0 1 3 3v27a4 4 0 0 1-4 4H7a3 3 0 0 1-3-3V19a3 3 0 0 1 3-3z"
/>
<path fill="#64dcff" d="M6 18h52v20H6z" />
<path fill="#82f0ff" d="M9 20h49v18H9z" />
<path fill="#5a6978" d="M6 50h52v5H6z" />
<path fill="#4a5660" d="M9 50h49v5H9z" />
<path fill="#4a5660" d="M6 50h52v2H6z" />
<g fill="#3f4d56">
<path
d="M9 50h49v2H9zM49 35a4 4 0 0 1-4-4v-6a4 4 0 0 1 8 0v6a4 4 0 0 1-4 4zm0-12a2 2 0 0 0-2 2v6a2 2 0 0 0 4 0v-6a2 2 0 0 0-2-2zM39 35a4 4 0 0 1-4-4v-6a4 4 0 0 1 8 0v6a4 4 0 0 1-4 4zm0-12a2 2 0 0 0-2 2v6a2 2 0 0 0 4 0v-6a2 2 0 0 0-2-2zM15 35a4 4 0 0 1-4-4v-6a4 4 0 0 1 8 0v6a4 4 0 0 1-4 4zm0-12a2 2 0 0 0-2 2v6a2 2 0 0 0 4 0v-6a2 2 0 0 0-2-2z"
/>
<circle cx="32" cy="25" r="1" />
<circle cx="32" cy="31" r="1" />
<path
d="M25 35h-3a1 1 0 0 1 0-2h3a2 2 0 0 0 0-4h-1.5a1 1 0 0 1-.8-1.6L26 23h-4a1 1 0 0 1 0-2h6a1 1 0 0 1 .8 1.6l-3.321 4.428A4 4 0 0 1 25 35z"
/>
</g>
<path fill="#5a6978" d="M12 9H8a2 2 0 0 0-2 2v3h8v-3a2 2 0 0 0-2-2z" />
<path fill="#4a5660" d="M8 13v1h6v-3h-4a2 2 0 0 0-2 2z" />
<path fill="#5a6978" d="M20 9h-4a2 2 0 0 0-2 2v3h8v-3a2 2 0 0 0-2-2z" />
<path fill="#4a5660" d="M16 13v1h6v-3h-4a2 2 0 0 0-2 2z" />
<path fill="#5a6978" d="M32 9h-4a2 2 0 0 0-2 2v3h8v-3a2 2 0 0 0-2-2z" />
<path fill="#4a5660" d="M28 13v1h6v-3h-4a2 2 0 0 0-2 2z" />
<rect width="10" height="4" x="27" y="42" fill="#82f0a0" rx="2" />
<path fill="#3ce678" d="M37 44h-6a2 2 0 0 0-2 2h6a2 2 0 0 0 2-2z" />
<rect width="10" height="4" x="13" y="42" fill="#ff786e" rx="2" />
<path fill="#ff5050" d="M23 44h-6a2 2 0 0 0-2 2h6a2 2 0 0 0 2-2z" />
<rect width="10" height="4" x="41" y="42" fill="#ffff96" rx="2" />
<path fill="#fff450" d="M51 44h-6a2 2 0 0 0-2 2h6a2 2 0 0 0 2-2z" />
</svg>
More icons in the same style and category