Time icons
Clocks, calendars, alarms, stopwatches and timers for scheduling, reminders, bookings and focus screens. 79 icons, each hand-drawn on a 24px grid in thin, regular and bold strokes, with an animated version that plays on its own. Free to use in the apps you build (LumioUI License).
All 79 time icons
Alarm Clock
Alarm Clock Check
Alarm Clock Minus
Alarm Clock Off
Alarm Clock Plus
Alarm Smoke
Calendar
Calendar Add01
Calendar Add02
Calendar Analysis
Calendar Arrow Down
Calendar Arrow Up
Calendar Block01
Calendar Block02
Calendar Check
Calendar Check 2
Calendar Check In01
Calendar Check In02
Calendar Check Out01
Calendar Check Out02
Calendar Check01
Calendar Clock
Calendar Cog
Calendar Date One
Calendar Date1
Calendar Days
Calendar Download01
Calendar Download02
Calendar Favorite01
Calendar Favorite02
Calendar Fold
Calendar Heart
Calendar Lock01
Calendar Lock02
Calendar Love01
Calendar Love02
Calendar Minus
Calendar Minus01
Calendar Minus02
Calendar Mortarboard
Calendar Off
Calendar Plus
Calendar Plus01
Calendar Range
Calendar Remove01
Calendar Remove02
Calendar Search
Calendar Setting01
Calendar Setting02
Calendar Sync
Calendar Upload01
Calendar Upload02
Calendar01
Calendar02
Calendar03
Calendar04
Calendar05
Clock
Clock 1
Clock 10
Clock 11
Clock 12
Clock 2
Clock 3
Clock 4
Clock 5
Clock 6
Clock 7
Clock 8
Clock 9
Clock Alert
Clock Arrow Down
Clock Arrow Up
History
Hourglass
Stopwatch
Timer
Timer Off
Timer Reset
Use them in React Native
Every icon is a plain SVG that takes your text colour through currentColor. Load one from the CDN with react-native-svg, paste its SVG into SvgXml, or use the Icon component, which draws a curated set by name from your theme. Animated Icons plays the motion natively.
TSX Example.tsx
import { SvgUri } from "react-native-svg";
// Any icon in this set, straight from the CDN
<SvgUri uri="https://cdn.lumioui.com/iconset/static/alarm-clock.svg" width={24} height={24} />
// Or copy an icon's SVG from its page and render it with SvgXml,
// or install the Icon component: npx @lumioui/cli add icon Where LumioUI uses them
2 icons from this set appear in LumioUI's own 35 components and 58 screen templates, for example:
- Achievement Badge component
- Action Bar component
- Action Swap component
- Avatar Group component
- Badge component
- Cart Item component
- Chat List Item component
- Countdown component
- Currency Input component
- Permission Notifications screen
- Quiz screen
- Chat Info screen
- Group Info screen
- Error State screen
- Find My Device screen
- Help Center screen
- Home Bento screen
- Home Dark screen