The Standard Icon Set

Time

Clock icon

A circle with clock hands pointing to twelve and down to the right. Use for time, history, or recent items.

Also searched as watch.

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="M14.17 8C14.17 8.81 14.01 9.613 13.7 10.361C13.39 11.11 12.94 11.79 12.36 12.363C11.79 12.936 11.11 13.39 10.36 13.7C9.61 14.01 8.81 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 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 4.474V8L10.42 9.432" 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.

Related15