The HugeIcons calendar 01 icon depicts a simple calendar page, commonly used to represent date selection, scheduling, or event-related functionalities in user interfaces.
Common uses
- Date picker input
- Event scheduling interface
- Calendar view toggle
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Calendar01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={Calendar01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- datescheduleeventmonth
FAQ
- What does the Calendar01Icon represent?
- It represents a calendar page, typically used for date-related actions like selecting a date or viewing a schedule.
- How do I use the Calendar01Icon in React?
- Import it using `import { Calendar01Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={Calendar01Icon} />`.
- What is the license for this icon?
- The HugeIcons library, including this icon, is distributed 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 →