Add icons to this collection by clicking the heart icon.
Digital Clock icon - also known as clock, time, alarm, digital, watch, digital clock, and time and date. Created in a clean blue style, 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 60 60"
>
<defs>
<style>
.cls-3 {
fill: #e8edfc;
}
.cls-4 {
fill: #cad9fc;
}
.cls-5 {
fill: #fff;
}
.cls-6 {
fill: #428dff;
}
</style>
</defs>
<g id="Layer_11">
<rect width="58" height="36" x="1" y="12" rx="2" fill="#c6d8fb" />
<path
d="M57 12h-3a2 2 0 0 1 2 2v32a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2Z"
fill="#a4c3fd"
/>
<path d="M12 8h6a3 3 0 0 1 3 3v1H9v-1a3 3 0 0 1 3-3Z" class="cls-3" />
<path d="M18 8h-3a3 3 0 0 1 3 3v1h3v-1a3 3 0 0 0-3-3Z" class="cls-4" />
<path d="M42 8h6a3 3 0 0 1 3 3v1H39v-1a3 3 0 0 1 3-3Z" class="cls-3" />
<path d="M48 8h-3a3 3 0 0 1 3 3v1h3v-1a3 3 0 0 0-3-3Z" class="cls-4" />
<path d="M6 48h48v4a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-4Z" class="cls-3" />
<path d="M51 48v4a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2v-4Z" class="cls-4" />
<rect width="21" height="28" x="5" y="16" class="cls-3" rx="1" />
<path
d="M26 16h-3a1 1 0 0 1 1 1v26a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1Z"
class="cls-4"
/>
<rect width="21" height="28" x="34" y="16" class="cls-3" rx="1" />
<path
d="M54 16h-3a1 1 0 0 1 1 1v26a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1Z"
class="cls-4"
/>
<path
d="M9 11v1h3v-1a3 3 0 0 1 3-3h-3a3 3 0 0 0-3 3ZM4 46V14a2 2 0 0 1 2-2H3a2 2 0 0 0-2 2v32a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2ZM9 52v-4H6v4a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2Z"
class="cls-5"
/>
<path d="M0 38h2v8H0z" class="cls-5" />
<circle cx="1" cy="42" r="1" class="cls-6" />
<path
d="M57 11h-5a4 4 0 0 0-4-4h-6a4 4 0 0 0-4 4H22a4 4 0 0 0-4-4h-6a4 4 0 0 0-4 4H3a3 3 0 0 0-3 3v24a1 1 0 0 0 2 0V14a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1v32a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1 1 1 0 0 0-2 0 3 3 0 0 0 3 3h2v3a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3v-3h2a3 3 0 0 0 3-3V14a3 3 0 0 0-3-3Zm-47 0a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2Zm30 0a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2Zm13 41a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3h46Z"
class="cls-6"
/>
<path
d="M26 45a2 2 0 0 0 2-2V17a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2ZM6 17h20v26H6ZM54 45a2 2 0 0 0 2-2V17a2 2 0 0 0-2-2H34a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2ZM34 17h20v26H34Z"
class="cls-6"
/>
<circle cx="30" cy="22" r="1" class="cls-6" />
<circle cx="30" cy="39" r="1" class="cls-6" />
<path
d="M13 36h-1V23a1 1 0 0 0-1.707-.707l-2 2a1 1 0 0 0 1.414 1.414l.293-.293V36H9a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2ZM21 22h-2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V25a3 3 0 0 0-3-3Zm1 13a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1ZM41 36h-1V23a1 1 0 0 0-1.707-.707l-2 2a1 1 0 0 0 1.414 1.414l.293-.293V36h-1a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2ZM49 22h-2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V25a3 3 0 0 0-3-3Zm1 13a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1Z"
class="cls-6"
/>
</g>
</svg>
More icons in the same style and category