ATSvg
Sign in 中文

Time icons SVG — clock, calendar, schedule and countdown

Search term: 时间、时钟、日历、日程、日期、倒计时 — every asset is free to download as SVG or convert to PNG

Home › Browse by use case › Time & calendars

A clock means a moment or a duration; a calendar means a date or a schedule. Task-management interfaces often need both side by side, so their style has to match — otherwise the pair looks like it came from two different products.

Where to use it

Picking and recolouring

Digits inside a calendar icon always blur below 24px — leave the face blank and draw only the grid lines. Clocks need hands pointing in different directions, otherwise they collide with the refresh symbol.

This page picks 48 assets by theme from the library. Each one opens a detail page where you can download the SVG, copy the markup, or export a PNG. Licence and source are stated on each asset page.

Search “clock” on the site →　·　All 场景s →　·　Browse by library →

Time icons SVG — clock, calendar, schedule and countdown · 48 assets

GetClock schedule time timer watchClock schedule time timer watchLine
GetBan clock schedule timer alert notificationBan clock schedule timer alert notificationLine
GetClock date time timer alert notificationClock date time timer alert notificationLine
GetDelivery schedule scheduled delivery deliver on time truck with clockDelivery schedule scheduled delivery deliver on time truck with clockLine
GetClock time alarm timer schoolClock time alarm timer schoolLine
GetStopwatch time timer clock watchStopwatch time timer clock watchLine
GetClock time timer watchClock time timer watchLine
GetClock hour timerClock hour timerLine
Get⏲ timer clock⏲ timer clockLine
Get⏲️ timer clock⏲️ timer clockLine
GetDateDateLine
GetClock date pace futureClock date pace futureLine
GetAnd clock dateAnd clock dateLine
Gettime, quarter, clock, date, time icontime, quarter, clock, date, time iconLine
Gettime, clock, date, time icontime, clock, date, time iconLine
Gettime, clock, date, time icontime, clock, date, time iconLine
Gettime, clock, quarter, date, time icontime, clock, quarter, date, time iconLine
GetRihard Clock CalendarRihard Clock CalendarIllustration
GetRihard Clock Calendar 1Rihard Clock Calendar 1Illustration
GetRihard Clock Calendar 1 1Rihard Clock Calendar 1 1Illustration
GetRihard Clock Calendar 2 1Rihard Clock Calendar 2 1Illustration
GetRihard Clock Calendar 2Rihard Clock Calendar 2Illustration
GetCalendar ClockCalendar ClockLine
GetCalendar ClockCalendar ClockLine
GetCalendar Clock OutlineCalendar Clock OutlineLine
GetCalendar ClockCalendar ClockLine
GetRihard Clock Calendar 3Rihard Clock Calendar 3Illustration
GetRihard Clock Calendar 4Rihard Clock Calendar 4Illustration
GetClock And CalendarClock And CalendarIllustration
GetRihard Clock CalendarRihard Clock CalendarIllustration
GetCalendar clockCalendar clockLine
GetCalendar ClockCalendar ClockLine
GetCalendar ClockCalendar ClockFilled
GetCalendar Clock StrokedCalendar Clock StrokedLine
GetOn TimerOn TimerIllustration
GetEgg TimerEgg TimerIllustration
GetKitchen TimerKitchen TimerIllustration
GetTimerTimerIllustration
GetTimer 5Timer 5Line
GetTimer alertTimer alertLine
Gettime, hourglass, sand, top, timer, watch icontime, hourglass, sand, top, timer, watch iconLine
GetTimerTimerLine
GetTimer errorTimer errorLine
GetAlarm date time signalAlarm date time signalLine
GetDate addDate addLine
GetCalendar February 14thCalendar February 14thIllustration
GetCalendar alertCalendar alertLine
GetFree clock part 2free clock 2Free clock part 2free clock 2Line

Related use cases and collections

Refresh & syncLoading & progressCharts & dataBack & undo
All use cases →All collections →SVG guides →