The HugeIcons calendar block 02 icon depicts a stylized calendar page with a block of dates, commonly used to represent scheduling, events, or date selection interfaces.
Common uses
- Date picker component
- Event listing display
- Calendar view toggle
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CalendarBlock02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CalendarBlock02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- date blockschedule iconevent iconcalendar page
FAQ
- What is the purpose of the Calendar Block 02 icon?
- This icon represents a calendar or a block of dates, suitable for indicating features related to scheduling, events, or date-related functionalities.
- How do I use the Calendar Block 02 icon in a React project?
- Import the icon as `import { CalendarBlock02Icon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={CalendarBlock02Icon} />` from '@hugeicons/react'.
- What is the license for this icon?
- The HugeIcons library, including the Calendar Block 02 icon, is available under the MIT license.
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 →