# join_right Icon

> The join_right 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_right.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/join_right.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/join_right.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/join_right.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/join_right.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_right.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 MaterialIconsJoinRight: ImageVector
    get() {
        if (_MaterialIconsJoinRight != null) return _MaterialIconsJoinRight!!
        
        _MaterialIconsJoinRight = ImageVector.Builder(
            name = "join_right",
            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(16.5f, 12f)
                            curveToRelative(0f, 0.97f, -0.23f, 4.16f, -3.03f, 6.5f)
                            curveTo(14.25f, 18.81f, 15.1f, 19f, 16f, 19f)
                            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(16.27f, 7.84f, 16.5f, 11.03f, 16.5f, 12f)
                            close()
                        }
                    }
                    group {
                        path(
                            fill = SolidColor(Color.Black)
                        ) {
                            moveTo(8f, 19f)
                            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(8.71f, 16.95f, 8.36f, 17f, 8f, 17f)
                            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(9.75f, 5.19f, 8.9f, 5f, 8f, 5f)
                            curveToRelative(-3.86f, 0f, -7f, 3.14f, -7f, 7f)
                            reflectiveCurveTo(4.14f, 19f, 8f, 19f)
                            close()
                        }
                    }
                }
            }
        }.build()
        
        return _MaterialIconsJoinRight!!
    }

private var _MaterialIconsJoinRight: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/join_right.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="M16.5,12c0,0.97 -0.23,4.16 -3.03,6.5C14.25,18.81 15.1,19 16,19c3.86,0 7,-3.14 7,-7s-3.14,-7 -7,-7c-0.9,0 -1.75,0.19 -2.53,0.5C16.27,7.84 16.5,11.03 16.5,12Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M8,19c0.9,0 1.75,-0.19 2.53,-0.5c-0.61,-0.51 -1.1,-1.07 -1.49,-1.63C8.71,16.95 8.36,17 8,17c-2.76,0 -5,-2.24 -5,-5s2.24,-5 5,-5c0.36,0 0.71,0.05 1.04,0.13c0.39,-0.56 0.88,-1.12 1.49,-1.63C9.75,5.19 8.9,5 8,5c-3.86,0 -7,3.14 -7,7S4.14,19 8,19Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/join_right.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="M16.5,12c0,0.97-0.23,4.16-3.03,6.5C14.25,18.81,15.1,19,16,19c3.86,0,7-3.14,7-7s-3.14-7-7-7c-0.9,0-1.75,0.19-2.53,0.5 C16.27,7.84,16.5,11.03,16.5,12z"/></g><g><path d="M8,19c0.9,0,1.75-0.19,2.53-0.5c-0.61-0.51-1.1-1.07-1.49-1.63C8.71,16.95,8.36,17,8,17c-2.76,0-5-2.24-5-5s2.24-5,5-5 c0.36,0,0.71,0.05,1.04,0.13c0.39-0.56,0.88-1.12,1.49-1.63C9.75,5.19,8.9,5,8,5c-3.86,0-7,3.14-7,7S4.14,19,8,19z"/></g></g></g></svg>
```