The HugeIcons date time icon visually represents a calendar or clock, commonly used in user interfaces to indicate date and time selection or display functionalities.
Common uses
- Date picker input field
- Event scheduling interface
- Timestamp display
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DateTimeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DateTimeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- calendar iconclock iconschedule icontime icon
FAQ
- What is the primary purpose of the date time icon?
- It signifies actions or information related to dates and times, such as selecting a date or viewing a timestamp.
- How do I use the DateTimeIcon in a React application?
- Import both HugeiconsIcon and DateTimeIcon, then render <HugeiconsIcon icon={DateTimeIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the date time 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 →