Punch Clock Outline icon

material-symbolsfill

The Punch Clock Outline 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, outline.

Tags: punch, clock, outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M5 22q-.825 0-1.412-.587T3 20V8q0-.825.588-1.412T5 6h1V1h12v5h1q.825 0 1.413.588T21 8v12q0 .825-.587 1.413T19 22zM8 6h8V3H8zM5 20h14V8H5zm7-1q2.075 0 3.538-1.463T17 14t-1.463-3.537T12 9t-3.537 1.463T7 14t1.463 3.538T12 19m0-1.5q-1.45 0-2.475-1.025T8.5 14t1.025-2.475T12 10.5t2.475 1.025T15.5 14t-1.025 2.475T12 17.5m1.15-1.65l.7-.7l-1.35-1.35v-2.3h-1v2.7zM12 14"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Punch Clock Outline Rounded Punch Clock Outline Sharp Calendar Clock Outline Calendar Clock Outline Rounded Calendar Clock Outline Sharp Clock Arrow Down Outline Clock Arrow Down Outline Rounded Clock Arrow Up Outline Clock Arrow Up Outline Rounded Credit Card Clock Outline Credit Card Clock Outline Rounded Credit Card Clock Outline Sharp