# keyframe-align-vertical Icon

> The keyframe-align-vertical 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/keyframe-align-vertical.md?v=outline), [Filled](https://composables.com/icons/icon-libraries/tabler/keyframe-align-vertical.md?v=filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/tabler/keyframe-align-vertical.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 TablerKeyframeAlignVertical: ImageVector
    get() {
        if (_TablerKeyframeAlignVertical != null) return _TablerKeyframeAlignVertical!!
        
        _TablerKeyframeAlignVertical = ImageVector.Builder(
            name = "keyframe-align-vertical",
            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(12f, 2f)
                verticalLineToRelative(2f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(12.816f, 16.58f)
                curveToRelative(-0.207f, 0.267f, -0.504f, 0.42f, -0.816f, 0.42f)
                curveToRelative(-0.312f, 0f, -0.61f, -0.153f, -0.816f, -0.42f)
                lineToRelative(-2.908f, -3.748f)
                arcToRelative(1.39f, 1.39f, 0f, false, true, 0f, -1.664f)
                lineToRelative(2.908f, -3.748f)
                curveToRelative(0.207f, -0.267f, 0.504f, -0.42f, 0.816f, -0.42f)
                curveToRelative(0.312f, 0f, 0.61f, 0.153f, 0.816f, 0.42f)
                lineToRelative(2.908f, 3.748f)
                arcToRelative(1.39f, 1.39f, 0f, false, true, 0f, 1.664f)
                lineToRelative(-2.908f, 3.748f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(12f, 20f)
                verticalLineToRelative(2f)
            }
        }.build()
        
        return _TablerKeyframeAlignVertical!!
    }

private var _TablerKeyframeAlignVertical: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/tabler/keyframe-align-vertical.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="M12,2v2" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M12.816,16.58c-0.207,0.267 -0.504,0.42 -0.816,0.42c-0.312,0 -0.61,-0.153 -0.816,-0.42l-2.908,-3.748a1.39,1.39 0 0,1 0,-1.664l2.908,-3.748c0.207,-0.267 0.504,-0.42 0.816,-0.42c0.312,0 0.61,0.153 0.816,0.42l2.908,3.748a1.39,1.39 0 0,1 0,1.664l-2.908,3.748" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M12,20v2" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/tabler/keyframe-align-vertical.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="M12 2v2" /><path d="M12.816 16.58c-.207 .267 -.504 .42 -.816 .42c-.312 0 -.61 -.153 -.816 -.42l-2.908 -3.748a1.39 1.39 0 0 1 0 -1.664l2.908 -3.748c.207 -.267 .504 -.42 .816 -.42c.312 0 .61 .153 .816 .42l2.908 3.748a1.39 1.39 0 0 1 0 1.664l-2.908 3.748" /><path d="M12 20v2" /></svg>
```