# join_left Icon

> The join_left 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/join_left.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/join_left.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/join_left.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/join_left.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/join_left.md?v=twotone)
- Categories: [Action](https://composables.com/icons/categories/action.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/join_left.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 MaterialIconsJoinLeft: ImageVector
    get() {
        if (_MaterialIconsJoinLeft != null) return _MaterialIconsJoinLeft!!
        
        _MaterialIconsJoinLeft = ImageVector.Builder(
            name = "join_left",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            group {
                path(
                    fill = SolidColor(Color.Transparent)
                ) {
                    moveTo(0f, 0f)
                    horizontalLineTo(24f)
                    verticalLineTo(24f)
                    horizontalLineTo(0f)
                    verticalLineTo(0f)
                    close()
                }
            }
            group {
                group {
                    group {
                        path(
                            fill = SolidColor(Color.Black)
                        ) {
                            moveTo(15f, 12f)
                            arcTo(3f, 5.74f, 0f, false, true, 12f, 17.740000000000002f)
                            arcTo(3f, 5.74f, 0f, false, true, 9f, 12f)
                            arcTo(3f, 5.74f, 0f, false, true, 15f, 12f)
                            close()
                        }
                    }
                    group {
                        path(
                            fill = SolidColor(Color.Black)
                        ) {
                            moveTo(7.5f, 12f)
                            curveToRelative(0f, -0.97f, 0.23f, -4.16f, 3.03f, -6.5f)
                            curveTo(9.75f, 5.19f, 8.9f, 5f, 8f, 5f)
                            curveToRelative(-3.86f, 0f, -7f, 3.14f, -7f, 7f)
                            reflectiveCurveToRelative(3.14f, 7f, 7f, 7f)
                            curveToRelative(0.9f, 0f, 1.75f, -0.19f, 2.53f, -0.5f)
                            curveTo(7.73f, 16.16f, 7.5f, 12.97f, 7.5f, 12f)
                            close()
                        }
                    }
                    group {
                        path(
                            fill = SolidColor(Color.Black)
                        ) {
                            moveTo(16f, 5f)
                            curveToRelative(-0.9f, 0f, -1.75f, 0.19f, -2.53f, 0.5f)
                            curveToRelative(0.61f, 0.51f, 1.1f, 1.07f, 1.49f, 1.63f)
                            curveTo(15.29f, 7.05f, 15.64f, 7f, 16f, 7f)
                            curveToRelative(2.76f, 0f, 5f, 2.24f, 5f, 5f)
                            reflectiveCurveToRelative(-2.24f, 5f, -5f, 5f)
                            curveToRelative(-0.36f, 0f, -0.71f, -0.05f, -1.04f, -0.13f)
                            curveToRelative(-0.39f, 0.56f, -0.88f, 1.12f, -1.49f, 1.63f)
                            curveTo(14.25f, 18.81f, 15.1f, 19f, 16f, 19f)
                            curveToRelative(3.86f, 0f, 7f, -3.14f, 7f, -7f)
                            reflectiveCurveTo(19.86f, 5f, 16f, 5f)
                            close()
                        }
                    }
                }
            }
        }.build()
        
        return _MaterialIconsJoinLeft!!
    }

private var _MaterialIconsJoinLeft: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/join_left.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="M15,12A3,5.74 0 0,1 12,17.740000000000002A3,5.74 0 0,1 9,12A3,5.74 0 0,1 15,12Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M7.5,12c0,-0.97 0.23,-4.16 3.03,-6.5C9.75,5.19 8.9,5 8,5c-3.86,0 -7,3.14 -7,7s3.14,7 7,7c0.9,0 1.75,-0.19 2.53,-0.5C7.73,16.16 7.5,12.97 7.5,12Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M16,5c-0.9,0 -1.75,0.19 -2.53,0.5c0.61,0.51 1.1,1.07 1.49,1.63C15.29,7.05 15.64,7 16,7c2.76,0 5,2.24 5,5s-2.24,5 -5,5c-0.36,0 -0.71,-0.05 -1.04,-0.13c-0.39,0.56 -0.88,1.12 -1.49,1.63C14.25,18.81 15.1,19 16,19c3.86,0 7,-3.14 7,-7S19.86,5 16,5Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><g><rect fill="none" height="24" width="24"/></g><g><g><g><ellipse cx="12" cy="12" rx="3" ry="5.74"/></g><g><path d="M7.5,12c0-0.97,0.23-4.16,3.03-6.5C9.75,5.19,8.9,5,8,5c-3.86,0-7,3.14-7,7s3.14,7,7,7c0.9,0,1.75-0.19,2.53-0.5 C7.73,16.16,7.5,12.97,7.5,12z"/></g><g><path d="M16,5c-0.9,0-1.75,0.19-2.53,0.5c0.61,0.51,1.1,1.07,1.49,1.63C15.29,7.05,15.64,7,16,7c2.76,0,5,2.24,5,5s-2.24,5-5,5 c-0.36,0-0.71-0.05-1.04-0.13c-0.39,0.56-0.88,1.12-1.49,1.63C14.25,18.81,15.1,19,16,19c3.86,0,7-3.14,7-7S19.86,5,16,5z"/></g></g></g></svg>
```