# animation Icon

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

- Library: [Material Symbols](https://composables.com/icons/icon-libraries/material-symbols.md)
- License: Apache 2.0 (full text in the [Material Symbols library page](https://composables.com/icons/icon-libraries/material-symbols.md))
- Styles: [Outlined](https://composables.com/icons/icon-libraries/material-symbols/animation.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-symbols/animation.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-symbols/animation.md?v=sharp), [Outlined Filled](https://composables.com/icons/icon-libraries/material-symbols/animation.md?v=outlined-filled), [Rounded Filled](https://composables.com/icons/icon-libraries/material-symbols/animation.md?v=rounded-filled), [Sharp Filled](https://composables.com/icons/icon-libraries/material-symbols/animation.md?v=sharp-filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/animation.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.path
import androidx.compose.ui.unit.dp

val MaterialSymbolsAnimation: ImageVector
    get() {
        if (_MaterialSymbolsAnimation != null) return _MaterialSymbolsAnimation!!
        
        _MaterialSymbolsAnimation = ImageVector.Builder(
            name = "animation",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(360f, 880f)
                quadToRelative(-58f, 0f, -109f, -22f)
                reflectiveQuadToRelative(-89f, -60f)
                quadToRelative(-38f, -38f, -60f, -89f)
                reflectiveQuadTo(80f, 600f)
                quadToRelative(0f, -81f, 42f, -148f)
                reflectiveQuadToRelative(110f, -102f)
                quadToRelative(20f, -39f, 49.5f, -68.5f)
                reflectiveQuadTo(350f, 232f)
                quadToRelative(33f, -68f, 101f, -110f)
                reflectiveQuadToRelative(149f, -42f)
                quadToRelative(58f, 0f, 109f, 22f)
                reflectiveQuadToRelative(89f, 60f)
                quadToRelative(38f, 38f, 60f, 89f)
                reflectiveQuadToRelative(22f, 109f)
                quadToRelative(0f, 85f, -42f, 150f)
                reflectiveQuadTo(728f, 610f)
                quadToRelative(-20f, 39f, -49.5f, 68.5f)
                reflectiveQuadTo(610f, 728f)
                quadToRelative(-35f, 68f, -102f, 110f)
                reflectiveQuadTo(360f, 880f)
                close()
                moveToRelative(0f, -80f)
                quadToRelative(33f, 0f, 63.5f, -10f)
                reflectiveQuadToRelative(56.5f, -30f)
                quadToRelative(-58f, 0f, -109f, -22f)
                reflectiveQuadToRelative(-89f, -60f)
                quadToRelative(-38f, -38f, -60f, -89f)
                reflectiveQuadToRelative(-22f, -109f)
                quadToRelative(-20f, 26f, -30f, 56.5f)
                reflectiveQuadTo(160f, 600f)
                quadToRelative(0f, 42f, 16f, 78f)
                reflectiveQuadToRelative(43f, 63f)
                quadToRelative(27f, 27f, 63f, 43f)
                reflectiveQuadToRelative(78f, 16f)
                close()
                moveToRelative(120f, -120f)
                quadToRelative(33f, 0f, 64.5f, -10f)
                reflectiveQuadToRelative(57.5f, -30f)
                quadToRelative(-59f, 0f, -110f, -22.5f)
                reflectiveQuadTo(403f, 557f)
                quadToRelative(-38f, -38f, -60.5f, -89f)
                reflectiveQuadTo(320f, 358f)
                quadToRelative(-20f, 26f, -30f, 57.5f)
                reflectiveQuadTo(280f, 480f)
                quadToRelative(0f, 42f, 15.5f, 78f)
                reflectiveQuadToRelative(43.5f, 63f)
                quadToRelative(27f, 28f, 63f, 43.5f)
                reflectiveQuadToRelative(78f, 15.5f)
                close()
                moveToRelative(120f, -120f)
                quadToRelative(18f, 0f, 34.5f, -3f)
                reflectiveQuadToRelative(33.5f, -9f)
                quadToRelative(22f, -60f, 6.5f, -115.5f)
                reflectiveQuadTo(621f, 339f)
                quadToRelative(-38f, -38f, -93.5f, -53.5f)
                reflectiveQuadTo(412f, 292f)
                quadToRelative(-6f, 17f, -9f, 33.5f)
                reflectiveQuadToRelative(-3f, 34.5f)
                quadToRelative(0f, 42f, 15.5f, 78f)
                reflectiveQuadToRelative(43.5f, 63f)
                quadToRelative(27f, 28f, 63f, 43.5f)
                reflectiveQuadToRelative(78f, 15.5f)
                close()
                moveToRelative(160f, -78f)
                quadToRelative(20f, -26f, 30f, -57.5f)
                reflectiveQuadToRelative(10f, -64.5f)
                quadToRelative(0f, -42f, -15.5f, -78f)
                reflectiveQuadTo(741f, 219f)
                quadToRelative(-27f, -28f, -63f, -43.5f)
                reflectiveQuadTo(600f, 160f)
                quadToRelative(-35f, 0f, -65.5f, 10f)
                reflectiveQuadTo(478f, 200f)
                quadToRelative(59f, 0f, 110f, 22.5f)
                reflectiveQuadToRelative(89f, 60.5f)
                quadToRelative(38f, 38f, 60.5f, 89f)
                reflectiveQuadTo(760f, 482f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsAnimation!!
    }

private var _MaterialSymbolsAnimation: ImageVector? = null
```

## Android Vector Drawable (XML)

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

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="960"
    android:viewportHeight="960">
    <path
        android:fillColor="@android:color/black"
        android:pathData="M360,880q-58,0 -109,-22t-89,-60q-38,-38 -60,-89T80,600q0,-81 42,-148t110,-102q20,-39 49.5,-68.5T350,232q33,-68 101,-110t149,-42q58,0 109,22t89,60q38,38 60,89t22,109q0,85 -42,150T728,610q-20,39 -49.5,68.5T610,728q-35,68 -102,110T360,880Zm0,-80q33,0 63.5,-10t56.5,-30q-58,0 -109,-22t-89,-60q-38,-38 -60,-89t-22,-109q-20,26 -30,56.5T160,600q0,42 16,78t43,63q27,27 63,43t78,16Zm120,-120q33,0 64.5,-10t57.5,-30q-59,0 -110,-22.5T403,557q-38,-38 -60.5,-89T320,358q-20,26 -30,57.5T280,480q0,42 15.5,78t43.5,63q27,28 63,43.5t78,15.5Zm120,-120q18,0 34.5,-3t33.5,-9q22,-60 6.5,-115.5T621,339q-38,-38 -93.5,-53.5T412,292q-6,17 -9,33.5t-3,34.5q0,42 15.5,78t43.5,63q27,28 63,43.5t78,15.5Zm160,-78q20,-26 30,-57.5t10,-64.5q0,-42 -15.5,-78T741,219q-27,-28 -63,-43.5T600,160q-35,0 -65.5,10T478,200q59,0 110,22.5t89,60.5q38,38 60.5,89T760,482Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M360-80q-58 0-109-22t-89-60q-38-38-60-89T80-360q0-81 42-148t110-102q20-39 49.5-68.5T350-728q33-68 101-110t149-42q58 0 109 22t89 60q38 38 60 89t22 109q0 85-42 150T728-350q-20 39-49.5 68.5T610-232q-35 68-102 110T360-80Zm0-80q33 0 63.5-10t56.5-30q-58 0-109-22t-89-60q-38-38-60-89t-22-109q-20 26-30 56.5T160-360q0 42 16 78t43 63q27 27 63 43t78 16Zm120-120q33 0 64.5-10t57.5-30q-59 0-110-22.5T403-403q-38-38-60.5-89T320-602q-20 26-30 57.5T280-480q0 42 15.5 78t43.5 63q27 28 63 43.5t78 15.5Zm120-120q18 0 34.5-3t33.5-9q22-60 6.5-115.5T621-621q-38-38-93.5-53.5T412-668q-6 17-9 33.5t-3 34.5q0 42 15.5 78t43.5 63q27 28 63 43.5t78 15.5Zm160-78q20-26 30-57.5t10-64.5q0-42-15.5-78T741-741q-27-28-63-43.5T600-800q-35 0-65.5 10T478-760q59 0 110 22.5t89 60.5q38 38 60.5 89T760-478Z"/></svg>
```