qquikoraicons
ICON FIELD NOTES · INTERFACE
Calendar outline icon from Lucide

Calendar icon

A calendar identifies date selection, schedules, or events. Include the date or scheduled activity in the surrounding text.

For PNG, colors, padding, and rotation, open the editor.

Using this icon well

Support typed dates alongside a visual picker. In booking flows, state the relevant timezone rather than assuming the icon communicates it.

Make it fit your design

This Lucide icon uses a 24 × 24 source coordinate system. Start with its original proportions. The editor lets you set a foreground color, adjust padding, rotate or mirror the artwork, and export SVG or PNG at your chosen size. Check the result at the actual display size before using it in navigation or a compact button.

Labels and accessibility

For an interactive control, name the intended action on the button or link. A decorative icon next to an equivalent text label does not need to repeat that label. See the icon-button guide for keyboard, focus, and state examples.

Creator and reuse

Original artwork: Lucide Contributors. The source collection is available under ISC. Keep the applicable notice with your project; changing color or size does not remove the original license. Read the bundled license or visit the source terms.

Related interface icons