# credit_card_heart Icon

> The credit_card_heart icon from Material Symbols as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Material Symbols](https://composables.com/icons/icon-libraries/material-symbols.md)
- License: Apache 2.0 (full text in the [Material Symbols library page](https://composables.com/icons/icon-libraries/material-symbols.md))
- Styles: [Outlined](https://composables.com/icons/icon-libraries/material-symbols/credit_card_heart.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-symbols/credit_card_heart.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-symbols/credit_card_heart.md?v=sharp), [Outlined Filled](https://composables.com/icons/icon-libraries/material-symbols/credit_card_heart.md?v=outlined-filled), [Rounded Filled](https://composables.com/icons/icon-libraries/material-symbols/credit_card_heart.md?v=rounded-filled), [Sharp Filled](https://composables.com/icons/icon-libraries/material-symbols/credit_card_heart.md?v=sharp-filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/credit_card_heart.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.path
import androidx.compose.ui.unit.dp

val MaterialSymbolsCreditCardHeart: ImageVector
    get() {
        if (_MaterialSymbolsCreditCardHeart != null) return _MaterialSymbolsCreditCardHeart!!
        
        _MaterialSymbolsCreditCardHeart = ImageVector.Builder(
            name = "credit_card_heart",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(160f, 720f)
                verticalLineToRelative(-320f)
                verticalLineToRelative(13f)
                verticalLineToRelative(-173f)
                verticalLineToRelative(480f)
                close()
                moveToRelative(556f, 100f)
                lineTo(576f, 680f)
                quadToRelative(-13f, -13f, -18.5f, -28f)
                reflectiveQuadToRelative(-5.5f, -30f)
                quadToRelative(0f, -32f, 23f, -57f)
                reflectiveQuadToRelative(59f, -25f)
                quadToRelative(28f, 0f, 44f, 13f)
                reflectiveQuadToRelative(38f, 35f)
                quadToRelative(20f, -20f, 36.5f, -34f)
                reflectiveQuadToRelative(45.5f, -14f)
                quadToRelative(37f, 0f, 59.5f, 25.5f)
                reflectiveQuadTo(880f, 623f)
                quadToRelative(0f, 15f, -6f, 30f)
                reflectiveQuadToRelative(-18f, 27f)
                lineTo(716f, 820f)
                close()
                moveTo(160f, 320f)
                horizontalLineToRelative(640f)
                verticalLineToRelative(-80f)
                horizontalLineTo(160f)
                verticalLineToRelative(80f)
                close()
                moveToRelative(303f, 480f)
                horizontalLineTo(160f)
                quadToRelative(-33f, 0f, -56.5f, -23.5f)
                reflectiveQuadTo(80f, 720f)
                verticalLineToRelative(-480f)
                quadToRelative(0f, -33f, 23.5f, -56.5f)
                reflectiveQuadTo(160f, 160f)
                horizontalLineToRelative(640f)
                quadToRelative(33f, 0f, 56.5f, 23.5f)
                reflectiveQuadTo(880f, 240f)
                verticalLineToRelative(213f)
                quadToRelative(-35f, -25f, -76.5f, -39f)
                reflectiveQuadTo(716f, 400f)
                quadToRelative(-57f, 0f, -107.5f, 21.5f)
                reflectiveQuadTo(520f, 480f)
                horizontalLineTo(160f)
                verticalLineToRelative(240f)
                horizontalLineToRelative(279f)
                quadToRelative(3f, 21f, 9f, 41f)
                reflectiveQuadToRelative(15f, 39f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsCreditCardHeart!!
    }

private var _MaterialSymbolsCreditCardHeart: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/credit_card_heart.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="960"
    android:viewportHeight="960">
    <path
        android:fillColor="@android:color/black"
        android:pathData="M160,720v-320v13v-173v480Zm556,100L576,680q-13,-13 -18.5,-28t-5.5,-30q0,-32 23,-57t59,-25q28,0 44,13t38,35q20,-20 36.5,-34t45.5,-14q37,0 59.5,25.5T880,623q0,15 -6,30t-18,27L716,820ZM160,320h640v-80H160v80Zm303,480H160q-33,0 -56.5,-23.5T80,720v-480q0,-33 23.5,-56.5T160,160h640q33,0 56.5,23.5T880,240v213q-35,-25 -76.5,-39T716,400q-57,0 -107.5,21.5T520,480H160v240h279q3,21 9,41t15,39Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-symbols/credit_card_heart.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M160-240v-320 13-173 480Zm556 100L576-280q-13-13-18.5-28t-5.5-30q0-32 23-57t59-25q28 0 44 13t38 35q20-20 36.5-34t45.5-14q37 0 59.5 25.5T880-337q0 15-6 30t-18 27L716-140ZM160-640h640v-80H160v80Zm303 480H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v213q-35-25-76.5-39T716-560q-57 0-107.5 21.5T520-480H160v240h279q3 21 9 41t15 39Z"/></svg>
```