# joystick Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/joystick.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 MaterialSymbolsJoystick: ImageVector
    get() {
        if (_MaterialSymbolsJoystick != null) return _MaterialSymbolsJoystick!!
        
        _MaterialSymbolsJoystick = ImageVector.Builder(
            name = "joystick",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(272f, 520f)
                lineToRelative(208f, 120f)
                lineToRelative(208f, -120f)
                lineToRelative(-168f, -97f)
                verticalLineToRelative(137f)
                horizontalLineToRelative(-80f)
                verticalLineToRelative(-137f)
                lineToRelative(-168f, 97f)
                close()
                moveToRelative(168f, -189f)
                verticalLineToRelative(-17f)
                quadToRelative(-44f, -13f, -72f, -49.5f)
                reflectiveQuadTo(340f, 180f)
                quadToRelative(0f, -58f, 41f, -99f)
                reflectiveQuadToRelative(99f, -41f)
                quadToRelative(58f, 0f, 99f, 41f)
                reflectiveQuadToRelative(41f, 99f)
                quadToRelative(0f, 48f, -28f, 84.5f)
                reflectiveQuadTo(520f, 314f)
                verticalLineToRelative(17f)
                lineToRelative(280f, 161f)
                quadToRelative(19f, 11f, 29.5f, 29.5f)
                reflectiveQuadTo(840f, 562f)
                verticalLineToRelative(76f)
                quadToRelative(0f, 22f, -10.5f, 40.5f)
                reflectiveQuadTo(800f, 708f)
                lineTo(520f, 869f)
                quadToRelative(-19f, 11f, -40f, 11f)
                reflectiveQuadToRelative(-40f, -11f)
                lineTo(160f, 708f)
                quadToRelative(-19f, -11f, -29.5f, -29.5f)
                reflectiveQuadTo(120f, 638f)
                verticalLineToRelative(-76f)
                quadToRelative(0f, -22f, 10.5f, -40.5f)
                reflectiveQuadTo(160f, 492f)
                lineToRelative(280f, -161f)
                close()
                moveToRelative(0f, 378f)
                lineTo(200f, 571f)
                verticalLineToRelative(67f)
                lineToRelative(280f, 162f)
                lineToRelative(280f, -162f)
                verticalLineToRelative(-67f)
                lineTo(520f, 709f)
                quadToRelative(-19f, 11f, -40f, 11f)
                reflectiveQuadToRelative(-40f, -11f)
                close()
                moveToRelative(40f, -469f)
                quadToRelative(25f, 0f, 42.5f, -17.5f)
                reflectiveQuadTo(540f, 180f)
                quadToRelative(0f, -25f, -17.5f, -42.5f)
                reflectiveQuadTo(480f, 120f)
                quadToRelative(-25f, 0f, -42.5f, 17.5f)
                reflectiveQuadTo(420f, 180f)
                quadToRelative(0f, 25f, 17.5f, 42.5f)
                reflectiveQuadTo(480f, 240f)
                close()
                moveToRelative(0f, 560f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsJoystick!!
    }

private var _MaterialSymbolsJoystick: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/joystick.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="m272,-440l208,120l208,-120l-168,-97v137h-80v-137l-168,97Zm168,-189v-17q-44,-13 -72,-49.5T340,180q0,-58 41,-99t99,-41q58,0 99,41t41,99q0,48 -28,84.5T520,314v17l280,161q19,11 29.5,29.5T840,562v76q0,22 -10.5,40.5T800,708L520,869q-19,11 -40,11t-40,-11L160,708q-19,-11 -29.5,-29.5T120,638v-76q0,-22 10.5,-40.5T160,492l280,-161Zm0,378L200,571v67l280,162l280,-162v-67L520,709q-19,11 -40,11t-40,-11Zm40,-469q25,0 42.5,-17.5T540,180q0,-25 -17.5,-42.5T480,120q-25,0 -42.5,17.5T420,180q0,25 17.5,42.5T480,240Zm0,560Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="m272-440 208 120 208-120-168-97v137h-80v-137l-168 97Zm168-189v-17q-44-13-72-49.5T340-780q0-58 41-99t99-41q58 0 99 41t41 99q0 48-28 84.5T520-646v17l280 161q19 11 29.5 29.5T840-398v76q0 22-10.5 40.5T800-252L520-91q-19 11-40 11t-40-11L160-252q-19-11-29.5-29.5T120-322v-76q0-22 10.5-40.5T160-468l280-161Zm0 378L200-389v67l280 162 280-162v-67L520-251q-19 11-40 11t-40-11Zm40-469q25 0 42.5-17.5T540-780q0-25-17.5-42.5T480-840q-25 0-42.5 17.5T420-780q0 25 17.5 42.5T480-720Zm0 560Z"/></svg>
```