The Standard Icon Set

Time

Timeline icon

A horizontal line with three vertical tick marks, the middle one longer and pointing down. Use for timelines or a sequence of events.

Also searched as history, sequence.

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"><path d="M2.5 8H13.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M4.5 8V5M8 8V11M11.5 8V5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M5.5 8C5.5 8.265 5.395 8.52 5.207 8.707C5.02 8.895 4.765 9 4.5 9C4.235 9 3.98 8.895 3.793 8.707C3.605 8.52 3.5 8.265 3.5 8C3.5 7.735 3.605 7.48 3.793 7.293C3.98 7.105 4.235 7 4.5 7C4.765 7 5.02 7.105 5.207 7.293C5.395 7.48 5.5 7.735 5.5 8Z" fill="currentColor"/><path d="M9 8C9 8.265 8.895 8.52 8.707 8.707C8.52 8.895 8.265 9 8 9C7.735 9 7.48 8.895 7.293 8.707C7.105 8.52 7 8.265 7 8C7 7.735 7.105 7.48 7.293 7.293C7.48 7.105 7.735 7 8 7C8.265 7 8.52 7.105 8.707 7.293C8.895 7.48 9 7.735 9 8Z" fill="currentColor"/><path d="M12.5 8C12.5 8.265 12.395 8.52 12.207 8.707C12.02 8.895 11.765 9 11.5 9C11.235 9 10.98 8.895 10.793 8.707C10.605 8.52 10.5 8.265 10.5 8C10.5 7.735 10.605 7.48 10.793 7.293C10.98 7.105 11.235 7 11.5 7C11.765 7 12.02 7.105 12.207 7.293C12.395 7.48 12.5 7.735 12.5 8Z" fill="currentColor"/></svg>

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