# chat-bubble-left-right Icon

> The chat-bubble-left-right icon from Heroicons as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Heroicons](https://composables.com/icons/icon-libraries/heroicons.md)
- License: MIT (full text in the [Heroicons library page](https://composables.com/icons/icon-libraries/heroicons.md))
- Styles: [Outline](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-left-right.md?v=outline), [Solid](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-left-right.md?v=solid), [Mini](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-left-right.md?v=mini), [Micro](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-left-right.md?v=micro)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/heroicons/chat-bubble-left-right.kt`

```kotlin
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.StrokeJoin
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.path
import androidx.compose.ui.unit.dp

val HeroiconsChatBubbleLeftRight: ImageVector
    get() {
        if (_HeroiconsChatBubbleLeftRight != null) return _HeroiconsChatBubbleLeftRight!!
        
        _HeroiconsChatBubbleLeftRight = ImageVector.Builder(
            name = "chat-bubble-left-right",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 1.5f,
                strokeLineJoin = StrokeJoin.Miter
            ) {
                moveTo(20.25f, 8.511f)
                curveToRelative(0.884f, 0.284f, 1.5f, 1.128f, 1.5f, 2.097f)
                verticalLineToRelative(4.286f)
                curveToRelative(0f, 1.136f, -0.847f, 2.1f, -1.98f, 2.193f)
                curveToRelative(-0.34f, 0.027f, -0.68f, 0.052f, -1.02f, 0.072f)
                verticalLineToRelative(3.091f)
                lineToRelative(-3f, -3f)
                curveToRelative(-1.354f, 0f, -2.694f, -0.055f, -4.02f, -0.163f)
                arcToRelative(2.115f, 2.115f, 0f, false, true, -0.825f, -0.242f)
                moveToRelative(9.345f, -8.334f)
                arcToRelative(2.126f, 2.126f, 0f, false, false, -0.476f, -0.095f)
                arcToRelative(48.64f, 48.64f, 0f, false, false, -8.048f, 0f)
                curveToRelative(-1.131f, 0.094f, -1.976f, 1.057f, -1.976f, 2.192f)
                verticalLineToRelative(4.286f)
                curveToRelative(0f, 0.837f, 0.46f, 1.58f, 1.155f, 1.951f)
                moveToRelative(9.345f, -8.334f)
                verticalLineTo(6.637f)
                curveToRelative(0f, -1.621f, -1.152f, -3.026f, -2.76f, -3.235f)
                arcTo(48.455f, 48.455f, 0f, false, false, 11.25f, 3f)
                curveToRelative(-2.115f, 0f, -4.198f, 0.137f, -6.24f, 0.402f)
                curveToRelative(-1.608f, 0.209f, -2.76f, 1.614f, -2.76f, 3.235f)
                verticalLineToRelative(6.226f)
                curveToRelative(0f, 1.621f, 1.152f, 3.026f, 2.76f, 3.235f)
                curveToRelative(0.577f, 0.075f, 1.157f, 0.14f, 1.74f, 0.194f)
                verticalLineTo(21f)
                lineToRelative(4.155f, -4.155f)
            }
        }.build()
        
        return _HeroiconsChatBubbleLeftRight!!
    }

private var _HeroiconsChatBubbleLeftRight: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/heroicons/chat-bubble-left-right.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:strokeColor="@android:color/black"
        android:strokeWidth="1.5"
        android:pathData="M20.25,8.511c0.884,0.284 1.5,1.128 1.5,2.097v4.286c0,1.136 -0.847,2.1 -1.98,2.193c-0.34,0.027 -0.68,0.052 -1.02,0.072v3.091l-3,-3c-1.354,0 -2.694,-0.055 -4.02,-0.163a2.115,2.115 0 0,1 -0.825,-0.242m9.345,-8.334a2.126,2.126 0 0,0 -0.476,-0.095a48.64,48.64 0 0,0 -8.048,0c-1.131,0.094 -1.976,1.057 -1.976,2.192v4.286c0,0.837 0.46,1.58 1.155,1.951m9.345,-8.334V6.637c0,-1.621 -1.152,-3.026 -2.76,-3.235A48.455,48.455 0 0,0 11.25,3c-2.115,0 -4.198,0.137 -6.24,0.402c-1.608,0.209 -2.76,1.614 -2.76,3.235v6.226c0,1.621 1.152,3.026 2.76,3.235c0.577,0.075 1.157,0.14 1.74,0.194V21l4.155,-4.155" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/heroicons/chat-bubble-left-right.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/></svg>
```