The HugeIcons calendar favorite 01 icon depicts a calendar with a star or heart, commonly used to indicate a saved, important, or favorite date or event.
Common uses
- Marking a favorite event on a calendar view
- Highlighting a special date in a planner app
- Indicating a user-selected important date
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CalendarFavorite01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CalendarFavorite01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- favorite date iconimportant calendar iconsaved event iconstar calendar icon
FAQ
- What is this icon for?
- This icon represents a favorite or important date on a calendar. It's used to draw attention to specific, saved, or special dates.
- How do I use this icon in React?
- Import the icon component and use it like this: import { CalendarFavorite01Icon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={CalendarFavorite01Icon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →