# groups Icon

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

- Library: [Material Icons](https://composables.com/icons/icon-libraries/material-icons.md)
- License: Apache 2.0 (full text in the [Material Icons library page](https://composables.com/icons/icon-libraries/material-icons.md))
- Styles: [Filled](https://composables.com/icons/icon-libraries/material-icons/groups.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/groups.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/groups.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/groups.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/groups.md?v=twotone)
- Categories: [Social](https://composables.com/icons/categories/social.md)

## Compose ImageVector (Kotlin)

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

val MaterialIconsGroups: ImageVector
    get() {
        if (_MaterialIconsGroups != null) return _MaterialIconsGroups!!
        
        _MaterialIconsGroups = ImageVector.Builder(
            name = "groups",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent)
            ) {
                moveTo(0f, 0f)
                horizontalLineTo(24f)
                verticalLineTo(24f)
                horizontalLineTo(0f)
                verticalLineTo(0f)
                close()
            }
            group {
                path(
                    fill = SolidColor(Color.Black)
                ) {
                    moveTo(4f, 13f)
                    curveToRelative(1.1f, 0f, 2f, -0.9f, 2f, -2f)
                    curveToRelative(0f, -1.1f, -0.9f, -2f, -2f, -2f)
                    reflectiveCurveToRelative(-2f, 0.9f, -2f, 2f)
                    curveTo(2f, 12.1f, 2.9f, 13f, 4f, 13f)
                    close()
                    moveTo(5.13f, 14.1f)
                    curveTo(4.76f, 14.04f, 4.39f, 14f, 4f, 14f)
                    curveToRelative(-0.99f, 0f, -1.93f, 0.21f, -2.78f, 0.58f)
                    curveTo(0.48f, 14.9f, 0f, 15.62f, 0f, 16.43f)
                    verticalLineTo(18f)
                    lineToRelative(4.5f, 0f)
                    verticalLineToRelative(-1.61f)
                    curveTo(4.5f, 15.56f, 4.73f, 14.78f, 5.13f, 14.1f)
                    close()
                    moveTo(20f, 13f)
                    curveToRelative(1.1f, 0f, 2f, -0.9f, 2f, -2f)
                    curveToRelative(0f, -1.1f, -0.9f, -2f, -2f, -2f)
                    reflectiveCurveToRelative(-2f, 0.9f, -2f, 2f)
                    curveTo(18f, 12.1f, 18.9f, 13f, 20f, 13f)
                    close()
                    moveTo(24f, 16.43f)
                    curveToRelative(0f, -0.81f, -0.48f, -1.53f, -1.22f, -1.85f)
                    curveTo(21.93f, 14.21f, 20.99f, 14f, 20f, 14f)
                    curveToRelative(-0.39f, 0f, -0.76f, 0.04f, -1.13f, 0.1f)
                    curveToRelative(0.4f, 0.68f, 0.63f, 1.46f, 0.63f, 2.29f)
                    verticalLineTo(18f)
                    lineToRelative(4.5f, 0f)
                    verticalLineTo(16.43f)
                    close()
                    moveTo(16.24f, 13.65f)
                    curveToRelative(-1.17f, -0.52f, -2.61f, -0.9f, -4.24f, -0.9f)
                    curveToRelative(-1.63f, 0f, -3.07f, 0.39f, -4.24f, 0.9f)
                    curveTo(6.68f, 14.13f, 6f, 15.21f, 6f, 16.39f)
                    verticalLineTo(18f)
                    horizontalLineToRelative(12f)
                    verticalLineToRelative(-1.61f)
                    curveTo(18f, 15.21f, 17.32f, 14.13f, 16.24f, 13.65f)
                    close()
                    moveTo(8.07f, 16f)
                    curveToRelative(0.09f, -0.23f, 0.13f, -0.39f, 0.91f, -0.69f)
                    curveToRelative(0.97f, -0.38f, 1.99f, -0.56f, 3.02f, -0.56f)
                    reflectiveCurveToRelative(2.05f, 0.18f, 3.02f, 0.56f)
                    curveToRelative(0.77f, 0.3f, 0.81f, 0.46f, 0.91f, 0.69f)
                    horizontalLineTo(8.07f)
                    close()
                    moveTo(12f, 8f)
                    curveToRelative(0.55f, 0f, 1f, 0.45f, 1f, 1f)
                    reflectiveCurveToRelative(-0.45f, 1f, -1f, 1f)
                    reflectiveCurveToRelative(-1f, -0.45f, -1f, -1f)
                    reflectiveCurveTo(11.45f, 8f, 12f, 8f)
                    moveTo(12f, 6f)
                    curveToRelative(-1.66f, 0f, -3f, 1.34f, -3f, 3f)
                    curveToRelative(0f, 1.66f, 1.34f, 3f, 3f, 3f)
                    reflectiveCurveToRelative(3f, -1.34f, 3f, -3f)
                    curveTo(15f, 7.34f, 13.66f, 6f, 12f, 6f)
                    lineTo(12f, 6f)
                    close()
                }
            }
        }.build()
        
        return _MaterialIconsGroups!!
    }

private var _MaterialIconsGroups: ImageVector? = null
```

## Android Vector Drawable (XML)

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

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:pathData="M0,0H24V24H0V0Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M4,13c1.1,0 2,-0.9 2,-2c0,-1.1 -0.9,-2 -2,-2s-2,0.9 -2,2C2,12.1 2.9,13 4,13ZM5.13,14.1C4.76,14.04 4.39,14 4,14c-0.99,0 -1.93,0.21 -2.78,0.58C0.48,14.9 0,15.62 0,16.43V18l4.5,0v-1.61C4.5,15.56 4.73,14.78 5.13,14.1ZM20,13c1.1,0 2,-0.9 2,-2c0,-1.1 -0.9,-2 -2,-2s-2,0.9 -2,2C18,12.1 18.9,13 20,13ZM24,16.43c0,-0.81 -0.48,-1.53 -1.22,-1.85C21.93,14.21 20.99,14 20,14c-0.39,0 -0.76,0.04 -1.13,0.1c0.4,0.68 0.63,1.46 0.63,2.29V18l4.5,0V16.43ZM16.24,13.65c-1.17,-0.52 -2.61,-0.9 -4.24,-0.9c-1.63,0 -3.07,0.39 -4.24,0.9C6.68,14.13 6,15.21 6,16.39V18h12v-1.61C18,15.21 17.32,14.13 16.24,13.65ZM8.07,16c0.09,-0.23 0.13,-0.39 0.91,-0.69c0.97,-0.38 1.99,-0.56 3.02,-0.56s2.05,0.18 3.02,0.56c0.77,0.3 0.81,0.46 0.91,0.69H8.07ZM12,8c0.55,0 1,0.45 1,1s-0.45,1 -1,1s-1,-0.45 -1,-1S11.45,8 12,8M12,6c-1.66,0 -3,1.34 -3,3c0,1.66 1.34,3 3,3s3,-1.34 3,-3C15,7.34 13.66,6 12,6L12,6Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><rect fill="none" height="24" width="24"/><g><path d="M4,13c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C2,12.1,2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14 c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18l4.5,0v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2 c0-1.1-0.9-2-2-2s-2,0.9-2,2C18,12.1,18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14 c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18l4.5,0V16.43z M16.24,13.65c-1.17-0.52-2.61-0.9-4.24-0.9 c-1.63,0-3.07,0.39-4.24,0.9C6.68,14.13,6,15.21,6,16.39V18h12v-1.61C18,15.21,17.32,14.13,16.24,13.65z M8.07,16 c0.09-0.23,0.13-0.39,0.91-0.69c0.97-0.38,1.99-0.56,3.02-0.56s2.05,0.18,3.02,0.56c0.77,0.3,0.81,0.46,0.91,0.69H8.07z M12,8 c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S11.45,8,12,8 M12,6c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3 C15,7.34,13.66,6,12,6L12,6z"/></g></svg>
```