Punch clock

Examples

Heading

Smaller heading

Inline text

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="modus-icons notranslate">punch-clock</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">
  <style>
    .st1{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
  </style>

  <g>
    <path d="M27 6h-6V2a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v4H5a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zM13 3h6v3h-6V3zm13 25H6V8h20v20z"/>
    <path d="M8 18c0 4.411 3.589 8 8 8s8-3.589 8-8-3.589-8-8-8-8 3.589-8 8zm14 0c0 3.309-2.691 6-6 6s-6-2.691-6-6 2.691-6 6-6 6 2.691 6 6z"/>
    <path d="M15 14v4a1 1 0 0 0 .293.707l2 2a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414L17 17.586V14a1 1 0 1 0-2 0z"/>
  </g>
</svg>