The Standard Icon Set

Time

Calendar Range icon

A calendar page with two rings at the top and two short lines of marks in the body. Use for date ranges or multi-day events.

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"/><circle cx="5.75" cy="8.5" r="0.6" fill="currentColor"/><path d="M8 8.5H10.75M5.25 10.5H8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><circle cx="10.25" cy="10.5" r="0.6" fill="currentColor"/></svg>

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