# steps Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/steps.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 MaterialSymbolsSteps: ImageVector
    get() {
        if (_MaterialSymbolsSteps != null) return _MaterialSymbolsSteps!!
        
        _MaterialSymbolsSteps = ImageVector.Builder(
            name = "steps",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(216f, 380f)
                quadToRelative(39f, 0f, 74f, 14f)
                reflectiveQuadToRelative(64f, 41f)
                lineToRelative(382f, 365f)
                horizontalLineToRelative(24f)
                quadToRelative(17f, 0f, 28.5f, -11.5f)
                reflectiveQuadTo(800f, 760f)
                quadToRelative(0f, -8f, -1.5f, -17f)
                reflectiveQuadTo(788f, 725f)
                lineTo(605f, 542f)
                lineToRelative(-71f, -214f)
                lineToRelative(-74f, 18f)
                quadToRelative(-38f, 10f, -69f, -14f)
                reflectiveQuadToRelative(-31f, -63f)
                verticalLineToRelative(-84f)
                lineToRelative(-28f, -14f)
                lineToRelative(-154f, 206f)
                quadToRelative(-1f, 1f, -1f, 1.5f)
                reflectiveQuadToRelative(-1f, 1.5f)
                horizontalLineToRelative(40f)
                close()
                moveToRelative(0f, 80f)
                horizontalLineToRelative(-46f)
                quadToRelative(3f, 7f, 7.5f, 13f)
                reflectiveQuadToRelative(10.5f, 11f)
                lineToRelative(324f, 295f)
                quadToRelative(11f, 11f, 25f, 16f)
                reflectiveQuadToRelative(29f, 5f)
                horizontalLineToRelative(54f)
                lineTo(299f, 493f)
                quadToRelative(-17f, -17f, -38.5f, -25f)
                reflectiveQuadToRelative(-44.5f, -8f)
                close()
                moveTo(566f, 880f)
                quadToRelative(-30f, 0f, -57f, -11f)
                reflectiveQuadToRelative(-50f, -31f)
                lineTo(134f, 543f)
                quadToRelative(-46f, -42f, -51.5f, -103f)
                reflectiveQuadTo(114f, 329f)
                lineToRelative(154f, -206f)
                quadToRelative(17f, -23f, 45.5f, -30.5f)
                reflectiveQuadTo(368f, 99f)
                lineToRelative(28f, 14f)
                quadToRelative(21f, 11f, 32.5f, 30f)
                reflectiveQuadToRelative(11.5f, 42f)
                verticalLineToRelative(84f)
                lineToRelative(74f, -19f)
                quadToRelative(30f, -8f, 58f, 7.5f)
                reflectiveQuadToRelative(38f, 44.5f)
                lineToRelative(65f, 196f)
                lineToRelative(170f, 170f)
                quadToRelative(20f, 20f, 27.5f, 43f)
                reflectiveQuadToRelative(7.5f, 49f)
                quadToRelative(0f, 50f, -35f, 85f)
                reflectiveQuadToRelative(-85f, 35f)
                horizontalLineTo(566f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsSteps!!
    }

private var _MaterialSymbolsSteps: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/steps.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="M216,380q39,0 74,14t64,41l382,365h24q17,0 28.5,-11.5T800,760q0,-8 -1.5,-17T788,725L605,542l-71,-214l-74,18q-38,10 -69,-14t-31,-63v-84l-28,-14l-154,206q-1,1 -1,1.5t-1,1.5h40Zm0,80h-46q3,7 7.5,13t10.5,11l324,295q11,11 25,16t29,5h54L299,493q-17,-17 -38.5,-25t-44.5,-8ZM566,880q-30,0 -57,-11t-50,-31L134,543q-46,-42 -51.5,-103T114,329l154,-206q17,-23 45.5,-30.5T368,99l28,14q21,11 32.5,30t11.5,42v84l74,-19q30,-8 58,7.5t38,44.5l65,196l170,170q20,20 27.5,43t7.5,49q0,50 -35,85t-85,35H566Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M216-580q39 0 74 14t64 41l382 365h24q17 0 28.5-11.5T800-200q0-8-1.5-17T788-235L605-418l-71-214-74 18q-38 10-69-14t-31-63v-84l-28-14-154 206q-1 1-1 1.5t-1 1.5h40Zm0 80h-46q3 7 7.5 13t10.5 11l324 295q11 11 25 16t29 5h54L299-467q-17-17-38.5-25t-44.5-8ZM566-80q-30 0-57-11t-50-31L134-417q-46-42-51.5-103T114-631l154-206q17-23 45.5-30.5T368-861l28 14q21 11 32.5 30t11.5 42v84l74-19q30-8 58 7.5t38 44.5l65 196 170 170q20 20 27.5 43t7.5 49q0 50-35 85t-85 35H566Z"/></svg>
```