Clock color filled icon

SaveClock color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
Clock Black Outline icon
Filled
Clock Black Filled icon
Color outline
Clock Color Outline icon
Color filled

Round clock with twelve dash tick marks and hands pointing to three o'clock

✨ Ready styles — click one to customize it in the Advanced editor

About the Clock color filled icon

A circular clock face bounded by a heavy ring, with twelve short dash marks instead of numerals and two straight hands meeting at the center to read three o'clock. It carries ideas of time, deadlines, opening hours, reminders and duration. Use it in calendar and scheduling apps, alarm and timer screens, delivery time estimates, booking forms, and dashboards that report processing or response times.

There is no hub dot or second hand, so the dial stays uncluttered, and the tick marks are spaced evenly with the quarter-hour positions the same weight as the rest. The outer ring is noticeably thicker than the interior strokes, which helps the silhouette hold up on colored backgrounds. It pairs with calendar, hourglass and stopwatch icons and reads clearly down to 20 px.

This is the colour filled version of the clock icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept