# punch_clock Icon

> The punch_clock icon from Material as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Material Icons](https://composables.com/icons/icon-libraries/material-icons.md)
- License: Apache 2.0 (full text in the [Material Icons library page](https://composables.com/icons/icon-libraries/material-icons.md))
- Styles: [Filled](https://composables.com/icons/icon-libraries/material-icons/punch_clock.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/punch_clock.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/punch_clock.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/punch_clock.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/punch_clock.md?v=twotone)
- Categories: [Device](https://composables.com/icons/categories/device.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/punch_clock.kt`

```kotlin
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.group
import androidx.compose.ui.graphics.vector.path
import androidx.compose.ui.unit.dp

val MaterialIconsPunchClock: ImageVector
    get() {
        if (_MaterialIconsPunchClock != null) return _MaterialIconsPunchClock!!
        
        _MaterialIconsPunchClock = ImageVector.Builder(
            name = "punch_clock",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            group {
                path(
                    fill = SolidColor(Color.Transparent)
                ) {
                    moveTo(0f, 0f)
                    horizontalLineTo(24f)
                    verticalLineTo(24f)
                    horizontalLineTo(0f)
                    verticalLineTo(0f)
                    close()
                }
            }
            group {
                group {
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(19f, 6f)
                        horizontalLineToRelative(-1f)
                        verticalLineTo(1f)
                        horizontalLineTo(6f)
                        verticalLineToRelative(5f)
                        horizontalLineTo(5f)
                        curveTo(3.9f, 6f, 3f, 6.9f, 3f, 8f)
                        verticalLineToRelative(12f)
                        curveToRelative(0f, 1.1f, 0.9f, 2f, 2f, 2f)
                        horizontalLineToRelative(14f)
                        curveToRelative(1.1f, 0f, 2f, -0.9f, 2f, -2f)
                        verticalLineTo(8f)
                        curveTo(21f, 6.9f, 20.1f, 6f, 19f, 6f)
                        close()
                        moveTo(8f, 3f)
                        horizontalLineToRelative(8f)
                        verticalLineToRelative(3f)
                        horizontalLineTo(8f)
                        verticalLineTo(3f)
                        close()
                        moveTo(19f, 20f)
                        horizontalLineTo(5f)
                        verticalLineTo(8f)
                        horizontalLineToRelative(14f)
                        verticalLineTo(20f)
                        close()
                    }
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(12f, 9f)
                        curveToRelative(-2.76f, 0f, -5f, 2.24f, -5f, 5f)
                        reflectiveCurveToRelative(2.24f, 5f, 5f, 5f)
                        curveToRelative(2.76f, 0f, 5f, -2.24f, 5f, -5f)
                        reflectiveCurveTo(14.76f, 9f, 12f, 9f)
                        close()
                        moveTo(12f, 17.5f)
                        curveToRelative(-1.93f, 0f, -3.5f, -1.57f, -3.5f, -3.5f)
                        reflectiveCurveToRelative(1.57f, -3.5f, 3.5f, -3.5f)
                        reflectiveCurveToRelative(3.5f, 1.57f, 3.5f, 3.5f)
                        reflectiveCurveTo(13.93f, 17.5f, 12f, 17.5f)
                        close()
                    }
                    path(
                        fill = SolidColor(Color.Black)
                    ) {
                        moveTo(12.5f, 11.5f)
                        lineTo(11.5f, 11.5f)
                        lineTo(11.5f, 14.21f)
                        lineTo(13.14f, 15.85f)
                        lineTo(13.85f, 15.14f)
                        lineTo(12.5f, 13.79f)
                        close()
                    }
                }
            }
        }.build()
        
        return _MaterialIconsPunchClock!!
    }

private var _MaterialIconsPunchClock: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/punch_clock.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:pathData="M0,0H24V24H0V0Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M19,6h-1V1H6v5H5C3.9,6 3,6.9 3,8v12c0,1.1 0.9,2 2,2h14c1.1,0 2,-0.9 2,-2V8C21,6.9 20.1,6 19,6ZM8,3h8v3H8V3ZM19,20H5V8h14V20Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M12,9c-2.76,0 -5,2.24 -5,5s2.24,5 5,5c2.76,0 5,-2.24 5,-5S14.76,9 12,9ZM12,17.5c-1.93,0 -3.5,-1.57 -3.5,-3.5s1.57,-3.5 3.5,-3.5s3.5,1.57 3.5,3.5S13.93,17.5 12,17.5Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M12.5,11.5L11.5,11.5L11.5,14.21L13.14,15.85L13.85,15.14L12.5,13.79Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/punch_clock.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M19,6h-1V1H6v5H5C3.9,6,3,6.9,3,8v12c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V8C21,6.9,20.1,6,19,6z M8,3h8v3H8V3z M19,20H5V8 h14V20z"/><path d="M12,9c-2.76,0-5,2.24-5,5s2.24,5,5,5c2.76,0,5-2.24,5-5S14.76,9,12,9z M12,17.5c-1.93,0-3.5-1.57-3.5-3.5 s1.57-3.5,3.5-3.5s3.5,1.57,3.5,3.5S13.93,17.5,12,17.5z"/><polygon points="12.5,11.5 11.5,11.5 11.5,14.21 13.14,15.85 13.85,15.14 12.5,13.79"/></g></g></svg>
```