# chat-bubble-oval-left Icon

> The chat-bubble-oval-left 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-oval-left.md?v=outline), [Solid](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-oval-left.md?v=solid), [Mini](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-oval-left.md?v=mini), [Micro](https://composables.com/icons/icon-libraries/heroicons/chat-bubble-oval-left.md?v=micro)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/heroicons/chat-bubble-oval-left.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 HeroiconsChatBubbleOvalLeft: ImageVector
    get() {
        if (_HeroiconsChatBubbleOvalLeft != null) return _HeroiconsChatBubbleOvalLeft!!
        
        _HeroiconsChatBubbleOvalLeft = ImageVector.Builder(
            name = "chat-bubble-oval-left",
            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(12f, 20.25f)
                curveToRelative(4.97f, 0f, 9f, -3.694f, 9f, -8.25f)
                reflectiveCurveToRelative(-4.03f, -8.25f, -9f, -8.25f)
                reflectiveCurveTo(3f, 7.444f, 3f, 12f)
                curveToRelative(0f, 2.104f, 0.859f, 4.023f, 2.273f, 5.48f)
                curveToRelative(0.432f, 0.447f, 0.74f, 1.04f, 0.586f, 1.641f)
                arcToRelative(4.483f, 4.483f, 0f, false, true, -0.923f, 1.785f)
                arcTo(5.969f, 5.969f, 0f, false, false, 6f, 21f)
                curveToRelative(1.282f, 0f, 2.47f, -0.402f, 3.445f, -1.087f)
                curveToRelative(0.81f, 0.22f, 1.668f, 0.337f, 2.555f, 0.337f)
                close()
            }
        }.build()
        
        return _HeroiconsChatBubbleOvalLeft!!
    }

private var _HeroiconsChatBubbleOvalLeft: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/heroicons/chat-bubble-oval-left.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="M12,20.25c4.97,0 9,-3.694 9,-8.25s-4.03,-8.25 -9,-8.25S3,7.444 3,12c0,2.104 0.859,4.023 2.273,5.48c0.432,0.447 0.74,1.04 0.586,1.641a4.483,4.483 0 0,1 -0.923,1.785A5.969,5.969 0 0,0 6,21c1.282,0 2.47,-0.402 3.445,-1.087c0.81,0.22 1.668,0.337 2.555,0.337Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/heroicons/chat-bubble-oval-left.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="M12 20.25c4.97 0 9-3.694 9-8.25s-4.03-8.25-9-8.25S3 7.444 3 12c0 2.104.859 4.023 2.273 5.48.432.447.74 1.04.586 1.641a4.483 4.483 0 0 1-.923 1.785A5.969 5.969 0 0 0 6 21c1.282 0 2.47-.402 3.445-1.087.81.22 1.668.337 2.555.337Z"/></svg>
```