The Standard Icon Set

Time

Clock Arrow Down Overlay icon

A clock with a small rounded square holding a down arrow overlapping its lower right. Use for time-based downloads or recent history.

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="M9.55 13.971C9.045 14.103 8.525 14.17 8 14.17C7.19 14.17 6.39 14.01 5.64 13.7C4.89 13.39 4.21 12.936 3.64 12.363C3.06 11.79 2.61 11.11 2.3 10.361C1.99 9.613 1.83 8.81 1.83 8C1.83 7.19 1.99 6.387 2.3 5.639C2.61 4.89 3.06 4.21 3.64 3.637C4.21 3.064 4.89 2.61 5.64 2.3C6.39 1.99 7.19 1.83 8 1.83C8.81 1.83 9.61 1.99 10.36 2.3C11.11 2.61 11.79 3.064 12.36 3.637C12.94 4.21 13.39 4.89 13.7 5.639C14.01 6.387 14.17 7.19 14.17 8C14.17 8.524 14.103 9.045 13.972 9.55" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 4.474L8 8L10.42 9.432" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><rect x="9.55" y="9.55" width="5.40063" height="5.40063" rx="1" stroke="currentColor" stroke-width="1.182"/><path d="M12.25 11V13.5M13.4 12.35L12.25 13.5L11.1 12.35" 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.