The Lucide calendar heart icon depicts a calendar with a heart symbol, commonly used to represent special dates, anniversaries, or events related to love and affection.
Common uses
- Marking a wedding anniversary on a calendar.
- Highlighting Valentine's Day events.
- Indicating a user's favorite date.
Use it in React
Install
npm i lucide-reactImport & render
import { CalendarHeart } from 'lucide-react';
<CalendarHeart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- datemonthyeareventheartfavouritesubscribevalentines daycalendardate heartspecial dateanniversary iconlove calendar
FAQ
- What is the calendar heart icon used for?
- It's used to signify important dates with a romantic or affectionate connotation, like anniversaries or special events.
- How do I use the calendar heart icon in React?
- You can import and use it like this: import { CalendarHeart } from 'lucide-react'. Then render it as <CalendarHeart />.
- What is the license for this icon?
- The Lucide icon library, including the calendar heart icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →