# heart_broken Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/heart_broken.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 MaterialIconsHeartBroken: ImageVector
    get() {
        if (_MaterialIconsHeartBroken != null) return _MaterialIconsHeartBroken!!
        
        _MaterialIconsHeartBroken = ImageVector.Builder(
            name = "heart_broken",
            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 {
                path(
                    fill = SolidColor(Color.Black)
                ) {
                    moveTo(16.5f, 3f)
                    curveToRelative(-0.96f, 0f, -1.9f, 0.25f, -2.73f, 0.69f)
                    lineTo(12f, 9f)
                    horizontalLineToRelative(3f)
                    lineToRelative(-3f, 10f)
                    lineToRelative(1f, -9f)
                    horizontalLineToRelative(-3f)
                    lineToRelative(1.54f, -5.39f)
                    curveTo(10.47f, 3.61f, 9.01f, 3f, 7.5f, 3f)
                    curveTo(4.42f, 3f, 2f, 5.42f, 2f, 8.5f)
                    curveToRelative(0f, 4.13f, 4.16f, 7.18f, 10f, 12.5f)
                    curveToRelative(5.47f, -4.94f, 10f, -8.26f, 10f, -12.5f)
                    curveTo(22f, 5.42f, 19.58f, 3f, 16.5f, 3f)
                    close()
                    moveTo(10.24f, 16.73f)
                    curveTo(6.45f, 13.34f, 4f, 11f, 4f, 8.5f)
                    curveTo(4f, 6.54f, 5.54f, 5f, 7.5f, 5f)
                    curveToRelative(0.59f, 0f, 1.19f, 0.15f, 1.73f, 0.42f)
                    lineTo(7.35f, 12f)
                    horizontalLineToRelative(3.42f)
                    lineTo(10.24f, 16.73f)
                    close()
                    moveTo(15.13f, 15.53f)
                    lineTo(17.69f, 7f)
                    horizontalLineToRelative(-2.91f)
                    lineToRelative(0.61f, -1.82f)
                    curveTo(15.75f, 5.06f, 16.13f, 5f, 16.5f, 5f)
                    curveTo(18.46f, 5f, 20f, 6.54f, 20f, 8.5f)
                    curveTo(20f, 10.71f, 17.98f, 12.93f, 15.13f, 15.53f)
                    close()
                }
            }
        }.build()
        
        return _MaterialIconsHeartBroken!!
    }

private var _MaterialIconsHeartBroken: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/heart_broken.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="M16.5,3c-0.96,0 -1.9,0.25 -2.73,0.69L12,9h3l-3,10l1,-9h-3l1.54,-5.39C10.47,3.61 9.01,3 7.5,3C4.42,3 2,5.42 2,8.5c0,4.13 4.16,7.18 10,12.5c5.47,-4.94 10,-8.26 10,-12.5C22,5.42 19.58,3 16.5,3ZM10.24,16.73C6.45,13.34 4,11 4,8.5C4,6.54 5.54,5 7.5,5c0.59,0 1.19,0.15 1.73,0.42L7.35,12h3.42L10.24,16.73ZM15.13,15.53L17.69,7h-2.91l0.61,-1.82C15.75,5.06 16.13,5 16.5,5C18.46,5 20,6.54 20,8.5C20,10.71 17.98,12.93 15.13,15.53Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/heart_broken.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><path d="M16.5,3c-0.96,0-1.9,0.25-2.73,0.69L12,9h3l-3,10l1-9h-3l1.54-5.39C10.47,3.61,9.01,3,7.5,3C4.42,3,2,5.42,2,8.5 c0,4.13,4.16,7.18,10,12.5c5.47-4.94,10-8.26,10-12.5C22,5.42,19.58,3,16.5,3z M10.24,16.73C6.45,13.34,4,11,4,8.5 C4,6.54,5.54,5,7.5,5c0.59,0,1.19,0.15,1.73,0.42L7.35,12h3.42L10.24,16.73z M15.13,15.53L17.69,7h-2.91l0.61-1.82 C15.75,5.06,16.13,5,16.5,5C18.46,5,20,6.54,20,8.5C20,10.71,17.98,12.93,15.13,15.53z"/></g></svg>
```