Time clock

Examples

Heading

Smaller heading

Inline text

Inline font

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="wiw-icon wiw-time-clock"></i>

Code point

Unicode: U+F196
CSS: \F196
JS: \uF196
HTML: 

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="wiw-icon wiw-time-clock" viewBox="0 0 24 24">
  <g fill-rule="evenodd">
    <path d="M17 8a1 1 0 0 1-1-1V2H8v5a1 1 0 1 1-2 0V1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1"/>
    <path d="M3 8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H3Zm18 12H3c-1.654 0-3-1.346-3-3V9c0-1.654 1.346-3 3-3h18c1.654 0 3 1.346 3 3v8c0 1.654-1.346 3-3 3Zm0 4H3a1 1 0 1 1 0-2h18a1 1 0 1 1 0 2"/>
    <path d="M6 22h12v-2H6v2Zm13 2H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1Zm-5-8a.997.997 0 0 1-.707-.293l-2-2A.996.996 0 0 1 11 13v-3a1 1 0 1 1 2 0v2.586l1.707 1.707A.999.999 0 0 1 14 16"/>
  </g>
</svg>