The Tabler calendar time icon depicts a calendar with a clock, commonly used to represent scheduling, appointments, or time-related events within a user interface.
Common uses
- Displaying event or meeting times
- Selecting a date and time for an appointment
- Indicating a task's deadline
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCalendarTime } from '@tabler/icons-react';
<IconCalendarTime size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- plantimetableschedulemeetingbusymonthyeardatecalendercalendarsystemtimeschedule iconappointment icondate and time iconevent icon
FAQ
- What is the calendar time icon used for?
- It's used in UIs to signify scheduling, appointments, deadlines, or any feature related to planning events on a calendar with specific times.
- How do I use the calendar time icon in React?
- Import it from '@tabler/icons-react' like this: import { IconCalendarTime } from '@tabler/icons-react'. Then use it as a component: <IconCalendarTime />.
- What is the license for the Tabler calendar time icon?
- The Tabler icon library, including the calendar time icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →