The Tabler calendar dot icon visually represents a specific day or event on a calendar, often used to highlight important dates or indicate scheduled activities.
Common uses
- Highlighting a selected date in a date picker.
- Indicating a day with scheduled appointments or tasks.
- Marking a deadline or important event on a timeline.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCalendarDot } from '@tabler/icons-react';
<IconCalendarDot size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- highlightnotemarkerspotfocusindicatorpointremindernotationcalendarsystemdotcalendar markerhighlighted dateevent indicatorscheduled day
FAQ
- What is the calendar dot icon used for?
- It's typically used to draw attention to a specific date on a calendar interface, signifying an event, appointment, or important note.
- How do I use the calendar dot icon in React?
- You can import and use it directly in your React components like this: import { IconCalendarDot } from '@tabler/icons-react'.
- What is the license for the Tabler calendar dot icon?
- The Tabler icon library, including the calendar dot icon, is released 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 →