The Tabler calendar heart icon depicts a calendar with a heart symbol, commonly used to represent important dates related to love, relationships, or personal milestones.
Common uses
- Marking anniversaries or special dates on a calendar UI.
- Indicating a user's favorite or saved date.
- Representing events related to love or relationships in a system.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCalendarHeart } from '@tabler/icons-react';
<IconCalendarHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- loveaffectionpassiondevotionromanceamourcarefondnessesteemcherishsystemcalendarheartanniversary iconlove calendarspecial date
FAQ
- What is the calendar heart icon used for?
- It's typically used to signify dates of personal importance, such as anniversaries, Valentine's Day, or other romantic or affectionate events within a UI.
- How do I use the calendar heart icon in React?
- You can import and use it directly with the following statement: import { IconCalendarHeart } from '@tabler/icons-react'
- What is the license for the Tabler calendar heart icon?
- The Tabler icon library, including the calendar heart icon, is distributed 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 →