Punch Clock icon

material-symbolsfill

The Punch Clock icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for punch, clock.

Tags: punch, clock

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M3 22V6h3V1h12v5h3v16zM8 6h8V3H8zm4 12.5q1.875 0 3.188-1.312T16.5 14t-1.312-3.187T12 9.5t-3.187 1.313T7.5 14t1.313 3.188T12 18.5m1.15-2.65l.7-.7l-1.35-1.35v-2.3h-1v2.7z"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Punch Clock Outline Punch Clock Outline Rounded Punch Clock Outline Sharp Punch Clock Rounded Punch Clock Sharp Calendar Clock Calendar Clock Outline Calendar Clock Outline Rounded Calendar Clock Outline Sharp Calendar Clock Rounded Calendar Clock Sharp Clock Arrow Down