# chat-bubble-bottom-center Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/heroicons/chat-bubble-bottom-center.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 HeroiconsChatBubbleBottomCenter: ImageVector
    get() {
        if (_HeroiconsChatBubbleBottomCenter != null) return _HeroiconsChatBubbleBottomCenter!!
        
        _HeroiconsChatBubbleBottomCenter = ImageVector.Builder(
            name = "chat-bubble-bottom-center",
            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(2.25f, 12.76f)
                curveToRelative(0f, 1.6f, 1.123f, 2.994f, 2.707f, 3.227f)
                curveToRelative(1.068f, 0.157f, 2.148f, 0.279f, 3.238f, 0.364f)
                curveToRelative(0.466f, 0.037f, 0.893f, 0.281f, 1.153f, 0.671f)
                lineTo(12f, 21f)
                lineToRelative(2.652f, -3.978f)
                curveToRelative(0.26f, -0.39f, 0.687f, -0.634f, 1.153f, -0.67f)
                curveToRelative(1.09f, -0.086f, 2.17f, -0.208f, 3.238f, -0.365f)
                curveToRelative(1.584f, -0.233f, 2.707f, -1.626f, 2.707f, -3.228f)
                verticalLineTo(6.741f)
                curveToRelative(0f, -1.602f, -1.123f, -2.995f, -2.707f, -3.228f)
                arcTo(48.394f, 48.394f, 0f, false, false, 12f, 3f)
                curveToRelative(-2.392f, 0f, -4.744f, 0.175f, -7.043f, 0.513f)
                curveTo(3.373f, 3.746f, 2.25f, 5.14f, 2.25f, 6.741f)
                verticalLineToRelative(6.018f)
                close()
            }
        }.build()
        
        return _HeroiconsChatBubbleBottomCenter!!
    }

private var _HeroiconsChatBubbleBottomCenter: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/heroicons/chat-bubble-bottom-center.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="M2.25,12.76c0,1.6 1.123,2.994 2.707,3.227c1.068,0.157 2.148,0.279 3.238,0.364c0.466,0.037 0.893,0.281 1.153,0.671L12,21l2.652,-3.978c0.26,-0.39 0.687,-0.634 1.153,-0.67c1.09,-0.086 2.17,-0.208 3.238,-0.365c1.584,-0.233 2.707,-1.626 2.707,-3.228V6.741c0,-1.602 -1.123,-2.995 -2.707,-3.228A48.394,48.394 0 0,0 12,3c-2.392,0 -4.744,0.175 -7.043,0.513C3.373,3.746 2.25,5.14 2.25,6.741v6.018Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/heroicons/chat-bubble-bottom-center.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="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.068.157 2.148.279 3.238.364.466.037.893.281 1.153.671L12 21l2.652-3.978c.26-.39.687-.634 1.153-.67 1.09-.086 2.17-.208 3.238-.365 1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"/></svg>
```