# keyframes Icon

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

- Library: [Tabler](https://composables.com/icons/icon-libraries/tabler.md)
- License: MIT (full text in the [Tabler library page](https://composables.com/icons/icon-libraries/tabler.md))
- Styles: [Outline](https://composables.com/icons/icon-libraries/tabler/keyframes.md?v=outline), [Filled](https://composables.com/icons/icon-libraries/tabler/keyframes.md?v=filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/tabler/keyframes.kt`

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

val TablerKeyframes: ImageVector
    get() {
        if (_TablerKeyframes != null) return _TablerKeyframes!!
        
        _TablerKeyframes = ImageVector.Builder(
            name = "keyframes",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(9.225f, 18.412f)
                arcToRelative(1.595f, 1.595f, 0f, false, true, -1.225f, 0.588f)
                curveToRelative(-0.468f, 0f, -0.914f, -0.214f, -1.225f, -0.588f)
                lineToRelative(-4.361f, -5.248f)
                arcToRelative(1.844f, 1.844f, 0f, false, true, 0f, -2.328f)
                lineToRelative(4.361f, -5.248f)
                arcToRelative(1.595f, 1.595f, 0f, false, true, 1.225f, -0.588f)
                curveToRelative(0.468f, 0f, 0.914f, 0.214f, 1.225f, 0.588f)
                lineToRelative(4.361f, 5.248f)
                arcToRelative(1.844f, 1.844f, 0f, false, true, 0f, 2.328f)
                lineToRelative(-4.361f, 5.248f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(17f, 5f)
                lineToRelative(4.586f, 5.836f)
                arcToRelative(1.844f, 1.844f, 0f, false, true, 0f, 2.328f)
                lineToRelative(-4.586f, 5.836f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(13f, 5f)
                lineToRelative(4.586f, 5.836f)
                arcToRelative(1.844f, 1.844f, 0f, false, true, 0f, 2.328f)
                lineToRelative(-4.586f, 5.836f)
            }
        }.build()
        
        return _TablerKeyframes!!
    }

private var _TablerKeyframes: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/tabler/keyframes.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M9.225,18.412a1.595,1.595 0 0,1 -1.225,0.588c-0.468,0 -0.914,-0.214 -1.225,-0.588l-4.361,-5.248a1.844,1.844 0 0,1 0,-2.328l4.361,-5.248a1.595,1.595 0 0,1 1.225,-0.588c0.468,0 0.914,0.214 1.225,0.588l4.361,5.248a1.844,1.844 0 0,1 0,2.328l-4.361,5.248" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M17,5l4.586,5.836a1.844,1.844 0 0,1 0,2.328l-4.586,5.836" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M13,5l4.586,5.836a1.844,1.844 0 0,1 0,2.328l-4.586,5.836" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/tabler/keyframes.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M9.225 18.412a1.595 1.595 0 0 1 -1.225 .588c-.468 0 -.914 -.214 -1.225 -.588l-4.361 -5.248a1.844 1.844 0 0 1 0 -2.328l4.361 -5.248a1.595 1.595 0 0 1 1.225 -.588c.468 0 .914 .214 1.225 .588l4.361 5.248a1.844 1.844 0 0 1 0 2.328l-4.361 5.248" /><path d="M17 5l4.586 5.836a1.844 1.844 0 0 1 0 2.328l-4.586 5.836" /><path d="M13 5l4.586 5.836a1.844 1.844 0 0 1 0 2.328l-4.586 5.836" /></svg>
```