Clock icon

A free clock icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Time & Date
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: clock, default, time, watch, hour, minute, schedule

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.15 18.3C14.2 18.3 18.3 14.2 18.3 9.15C18.3 4.1 14.2 0 9.15 0C4.1 0 0 4.1 0 9.15C0 14.2 4.1 18.3 9.15 18.3Z"/>
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.15 5.15L9.15 9.97C9.15 10.14 9.24 10.3 9.38 10.39L12.15 12.15"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1.85 1.85)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 10.15C0 4.54 4.54 0 10.15 0C15.76 0 20.3 4.54 20.3 10.15C20.3 15.76 15.76 20.3 10.15 20.3C4.54 20.3 0 15.76 0 10.15ZM11.15 6.05C11.15 5.5 10.7 5.05 10.15 5.05C9.6 5.05 9.15 5.5 9.15 6.05L9.15 10.97C9.15 11.48 9.41 11.96 9.84 12.23L12.66 14.02C13.12 14.32 13.74 14.18 14.04 13.71C14.33 13.25 14.2 12.63 13.73 12.33L11.15 10.69L11.15 6.05Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.3 9.15C18.3 14.2 14.2 18.3 9.15 18.3C4.1 18.3 0 14.2 0 9.15C0 4.1 4.1 0 9.15 0C14.2 0 18.3 4.1 18.3 9.15Z"/>
  <path transform="translate(12 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 4.82C0 4.99 0.09 5.15 0.23 5.24L3 7"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(1.85 1.85)" fill="currentColor" d="M10.15 0C4.54 0 0 4.54 0 10.15C0 15.76 4.54 20.3 10.15 20.3C15.76 20.3 20.3 15.76 20.3 10.15C20.3 4.54 15.76 0 10.15 0Z"/>
  <path transform="translate(12 7.9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 4.92C0 5.09 0.09 5.25 0.23 5.34L3.04 7.13"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2.85 2.85)" fill="currentColor" d="M18.3 9.15C18.3 14.2 14.2 18.3 9.15 18.3C4.1 18.3 0 14.2 0 9.15C0 4.1 4.1 0 9.15 0C14.2 0 18.3 4.1 18.3 9.15Z"/>
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.3 9.15C18.3 14.2 14.2 18.3 9.15 18.3C4.1 18.3 0 14.2 0 9.15C0 4.1 4.1 0 9.15 0C14.2 0 18.3 4.1 18.3 9.15Z"/>
  <path transform="translate(12 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 4.82C0 4.99 0.09 5.15 0.23 5.24L3 7"/>
</svg>