The Standard Icon Set

Time

Calendar Date icon

A calendar page with two rings at the top and the number 1 in the middle. Use for a specific date or a date picker.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="3.21" y="3.69" width="9.57" height="9.42" rx="1" stroke="currentColor" stroke-width="1.182"/><path d="M3.21 6.03H12.78M5.82 2.94V4.48M10.17 2.94V4.48" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M7.25 9L8.5 8.05V11.1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.