# design_services Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/design_services.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 MaterialSymbolsDesignServices: ImageVector
    get() {
        if (_MaterialSymbolsDesignServices != null) return _MaterialSymbolsDesignServices!!
        
        _MaterialSymbolsDesignServices = ImageVector.Builder(
            name = "design_services",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(352f, 438f)
                lineToRelative(86f, -87f)
                lineToRelative(-56f, -57f)
                lineToRelative(-44f, 44f)
                lineToRelative(-56f, -56f)
                lineToRelative(43f, -44f)
                lineToRelative(-45f, -45f)
                lineToRelative(-87f, 87f)
                lineToRelative(159f, 158f)
                close()
                moveToRelative(328f, 329f)
                lineToRelative(87f, -87f)
                lineToRelative(-45f, -45f)
                lineToRelative(-44f, 43f)
                lineToRelative(-56f, -56f)
                lineToRelative(43f, -44f)
                lineToRelative(-57f, -56f)
                lineToRelative(-86f, 86f)
                lineToRelative(158f, 159f)
                close()
                moveToRelative(24f, -567f)
                lineToRelative(57f, 57f)
                lineToRelative(-57f, -57f)
                close()
                moveTo(290f, 840f)
                horizontalLineTo(120f)
                verticalLineToRelative(-170f)
                lineToRelative(175f, -175f)
                lineTo(80f, 280f)
                lineToRelative(200f, -200f)
                lineToRelative(216f, 216f)
                lineToRelative(151f, -152f)
                quadToRelative(12f, -12f, 27f, -18f)
                reflectiveQuadToRelative(31f, -6f)
                quadToRelative(16f, 0f, 31f, 6f)
                reflectiveQuadToRelative(27f, 18f)
                lineToRelative(53f, 54f)
                quadToRelative(12f, 12f, 18f, 27f)
                reflectiveQuadToRelative(6f, 31f)
                quadToRelative(0f, 16f, -6f, 30.5f)
                reflectiveQuadTo(816f, 313f)
                lineTo(665f, 465f)
                lineToRelative(215f, 215f)
                lineTo(680f, 880f)
                lineTo(465f, 665f)
                lineTo(290f, 840f)
                close()
                moveToRelative(-90f, -80f)
                horizontalLineToRelative(56f)
                lineToRelative(392f, -391f)
                lineToRelative(-57f, -57f)
                lineToRelative(-391f, 392f)
                verticalLineToRelative(56f)
                close()
                moveToRelative(420f, -419f)
                lineToRelative(-29f, -29f)
                lineToRelative(57f, 57f)
                lineToRelative(-28f, -28f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsDesignServices!!
    }

private var _MaterialSymbolsDesignServices: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/design_services.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="m352,-522l86,-87l-56,-57l-44,44l-56,-56l43,-44l-45,-45l-87,87l159,158Zm328,329l87,-87l-45,-45l-44,43l-56,-56l43,-44l-57,-56l-86,86l158,159Zm24,-567l57,57l-57,-57ZM290,840H120v-170l175,-175L80,280l200,-200l216,216l151,-152q12,-12 27,-18t31,-6q16,0 31,6t27,18l53,54q12,12 18,27t6,31q0,16 -6,30.5T816,313L665,465l215,215L680,880L465,665L290,840Zm-90,-80h56l392,-391l-57,-57l-391,392v56Zm420,-419l-29,-29l57,57l-28,-28Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="m352-522 86-87-56-57-44 44-56-56 43-44-45-45-87 87 159 158Zm328 329 87-87-45-45-44 43-56-56 43-44-57-56-86 86 158 159Zm24-567 57 57-57-57ZM290-120H120v-170l175-175L80-680l200-200 216 216 151-152q12-12 27-18t31-6q16 0 31 6t27 18l53 54q12 12 18 27t6 31q0 16-6 30.5T816-647L665-495l215 215L680-80 465-295 290-120Zm-90-80h56l392-391-57-57-391 392v56Zm420-419-29-29 57 57-28-28Z"/></svg>
```