# motion_play Icon

> The motion_play 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/motion_play.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-symbols/motion_play.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-symbols/motion_play.md?v=sharp), [Outlined Filled](https://composables.com/icons/icon-libraries/material-symbols/motion_play.md?v=outlined-filled), [Rounded Filled](https://composables.com/icons/icon-libraries/material-symbols/motion_play.md?v=rounded-filled), [Sharp Filled](https://composables.com/icons/icon-libraries/material-symbols/motion_play.md?v=sharp-filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/motion_play.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 MaterialSymbolsMotionPlay: ImageVector
    get() {
        if (_MaterialSymbolsMotionPlay != null) return _MaterialSymbolsMotionPlay!!
        
        _MaterialSymbolsMotionPlay = ImageVector.Builder(
            name = "motion_play",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(400f, 640f)
                lineToRelative(240f, -160f)
                lineToRelative(-240f, -160f)
                verticalLineToRelative(320f)
                close()
                moveToRelative(80f, 240f)
                quadToRelative(-83f, 0f, -156f, -31.5f)
                reflectiveQuadTo(197f, 763f)
                quadToRelative(-54f, -54f, -85.5f, -127f)
                reflectiveQuadTo(80f, 480f)
                quadToRelative(0f, -43f, 9f, -84.5f)
                reflectiveQuadToRelative(26f, -80.5f)
                lineToRelative(62f, 62f)
                quadToRelative(-8f, 26f, -12.5f, 51.5f)
                reflectiveQuadTo(160f, 480f)
                quadToRelative(0f, 134f, 93f, 227f)
                reflectiveQuadToRelative(227f, 93f)
                quadToRelative(134f, 0f, 227f, -93f)
                reflectiveQuadToRelative(93f, -227f)
                quadToRelative(0f, -134f, -93f, -227f)
                reflectiveQuadToRelative(-227f, -93f)
                quadToRelative(-27f, 0f, -52.5f, 4.5f)
                reflectiveQuadTo(377f, 177f)
                lineToRelative(-61f, -61f)
                quadToRelative(40f, -18f, 80f, -27f)
                reflectiveQuadToRelative(84f, -9f)
                quadToRelative(83f, 0f, 156f, 31.5f)
                reflectiveQuadTo(763f, 197f)
                quadToRelative(54f, 54f, 85.5f, 127f)
                reflectiveQuadTo(880f, 480f)
                quadToRelative(0f, 83f, -31.5f, 156f)
                reflectiveQuadTo(763f, 763f)
                quadToRelative(-54f, 54f, -127f, 85.5f)
                reflectiveQuadTo(480f, 880f)
                close()
                moveTo(220f, 280f)
                quadToRelative(-25f, 0f, -42.5f, -17.5f)
                reflectiveQuadTo(160f, 220f)
                quadToRelative(0f, -25f, 17.5f, -42.5f)
                reflectiveQuadTo(220f, 160f)
                quadToRelative(25f, 0f, 42.5f, 17.5f)
                reflectiveQuadTo(280f, 220f)
                quadToRelative(0f, 25f, -17.5f, 42.5f)
                reflectiveQuadTo(220f, 280f)
                close()
                moveToRelative(260f, 200f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsMotionPlay!!
    }

private var _MaterialSymbolsMotionPlay: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/motion_play.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="m400,-320l240,-160l-240,-160v320Zm80,240q-83,0 -156,-31.5T197,763q-54,-54 -85.5,-127T80,480q0,-43 9,-84.5t26,-80.5l62,62q-8,26 -12.5,51.5T160,480q0,134 93,227t227,93q134,0 227,-93t93,-227q0,-134 -93,-227t-227,-93q-27,0 -52.5,4.5T377,177l-61,-61q40,-18 80,-27t84,-9q83,0 156,31.5T763,197q54,54 85.5,127T880,480q0,83 -31.5,156T763,763q-54,54 -127,85.5T480,880ZM220,280q-25,0 -42.5,-17.5T160,220q0,-25 17.5,-42.5T220,160q25,0 42.5,17.5T280,220q0,25 -17.5,42.5T220,280Zm260,200Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="m400-320 240-160-240-160v320Zm80 240q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-43 9-84.5t26-80.5l62 62q-8 26-12.5 51.5T160-480q0 134 93 227t227 93q134 0 227-93t93-227q0-134-93-227t-227-93q-27 0-52.5 4.5T377-783l-61-61q40-18 80-27t84-9q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80ZM220-680q-25 0-42.5-17.5T160-740q0-25 17.5-42.5T220-800q25 0 42.5 17.5T280-740q0 25-17.5 42.5T220-680Zm260 200Z"/></svg>
```