Pixelarticons

Date Time 2 Pixel Art Icon

A second-style date and time icon for datetime-picker fields and scheduled-timestamp labels where an alternate visual form is needed.

time Pro 4 variants

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Date Time 2 icon

A second visual interpretation of the combined date-and-time concept, pairing calendar and clock elements in a slightly different arrangement or proportion. It suits the same contexts as date-time: labeling a datetime-picker, a 'Scheduled at' field, or a timestamp that captures both date and time. Use this variant when date-time's proportions do not match your icon set's visual rhythm, or when you need two visually distinct datetime fields in the same form to prevent confusion.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/date-time-2.svg" width="24" height="24" alt="Date Time 2" />

<!-- React -->
import { DateTime2 } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="date-time-2.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons