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 lineal color 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: #607d8b;
}
.cls-4 {
fill: #37474f;
}
.cls-5 {
fill: #02a9f4;
}
.cls-6 {
fill: #0377bc;
}
</style>
</defs>
<g id="Layer_11">
<rect width="58" height="36" x="1" y="12" rx="2" fill="#3f51b5" />
<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="#283593"
/>
<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="22" height="28" x="5" y="16" class="cls-5" 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-6"
/>
<rect width="22" height="28" x="33" y="16" class="cls-5" 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-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 3v32a3 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-3ZM42 9h6a2 2 0 0 1 2 2H40a2 2 0 0 1 2-2ZM12 9h6a2 2 0 0 1 2 2H10a2 2 0 0 1 2-2Zm41 43a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3h46Zm5-6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V14a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1Z"
/>
<path
d="M26 15H6a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V17a2 2 0 0 0-2-2ZM6 43V17h20v26ZM54 15H34a2 2 0 0 0-2 2v26a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V17a2 2 0 0 0-2-2ZM34 43V17h20v26Z"
/>
<circle cx="30" cy="22" r="1" />
<circle cx="30" cy="39" r="1" />
<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"
/>
</g>
</svg>
More icons in the same style and category