# heart_smile Icon

> The heart_smile 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/heart_smile.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-symbols/heart_smile.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-symbols/heart_smile.md?v=sharp), [Outlined Filled](https://composables.com/icons/icon-libraries/material-symbols/heart_smile.md?v=outlined-filled), [Rounded Filled](https://composables.com/icons/icon-libraries/material-symbols/heart_smile.md?v=rounded-filled), [Sharp Filled](https://composables.com/icons/icon-libraries/material-symbols/heart_smile.md?v=sharp-filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/heart_smile.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 MaterialSymbolsHeartSmile: ImageVector
    get() {
        if (_MaterialSymbolsHeartSmile != null) return _MaterialSymbolsHeartSmile!!
        
        _MaterialSymbolsHeartSmile = ImageVector.Builder(
            name = "heart_smile",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(480f, 620f)
                quadToRelative(63f, 0f, 112f, -39f)
                reflectiveQuadToRelative(63f, -101f)
                horizontalLineToRelative(-83f)
                quadToRelative(-12f, 27f, -37f, 43.5f)
                reflectiveQuadTo(480f, 540f)
                quadToRelative(-30f, 0f, -55f, -16.5f)
                reflectiveQuadTo(388f, 480f)
                horizontalLineToRelative(-83f)
                quadToRelative(14f, 62f, 63f, 101f)
                reflectiveQuadToRelative(112f, 39f)
                close()
                moveTo(370f, 420f)
                quadToRelative(21f, 0f, 35.5f, -14.5f)
                reflectiveQuadTo(420f, 370f)
                quadToRelative(0f, -21f, -14.5f, -35.5f)
                reflectiveQuadTo(370f, 320f)
                quadToRelative(-21f, 0f, -35.5f, 14.5f)
                reflectiveQuadTo(320f, 370f)
                quadToRelative(0f, 21f, 14.5f, 35.5f)
                reflectiveQuadTo(370f, 420f)
                close()
                moveToRelative(220f, 0f)
                quadToRelative(21f, 0f, 35.5f, -14.5f)
                reflectiveQuadTo(640f, 370f)
                quadToRelative(0f, -21f, -14.5f, -35.5f)
                reflectiveQuadTo(590f, 320f)
                quadToRelative(-21f, 0f, -35.5f, 14.5f)
                reflectiveQuadTo(540f, 370f)
                quadToRelative(0f, 21f, 14.5f, 35.5f)
                reflectiveQuadTo(590f, 420f)
                close()
                moveTo(480f, 840f)
                lineToRelative(-58f, -50f)
                quadToRelative(-101f, -88f, -167f, -152f)
                reflectiveQuadTo(150f, 523f)
                quadToRelative(-39f, -51f, -54.5f, -94f)
                reflectiveQuadTo(80f, 340f)
                quadToRelative(0f, -94f, 63f, -157f)
                reflectiveQuadToRelative(157f, -63f)
                quadToRelative(52f, 0f, 99f, 22f)
                reflectiveQuadToRelative(81f, 62f)
                quadToRelative(34f, -40f, 81f, -62f)
                reflectiveQuadToRelative(99f, -22f)
                quadToRelative(94f, 0f, 157f, 63f)
                reflectiveQuadToRelative(63f, 157f)
                quadToRelative(0f, 46f, -15.5f, 89f)
                reflectiveQuadTo(810f, 523f)
                quadToRelative(-39f, 51f, -105f, 115f)
                reflectiveQuadTo(538f, 790f)
                lineToRelative(-58f, 50f)
                close()
                moveToRelative(0f, -108f)
                quadToRelative(96f, -83f, 158f, -141f)
                reflectiveQuadToRelative(98f, -102.5f)
                quadToRelative(36f, -44.5f, 50f, -79f)
                reflectiveQuadToRelative(14f, -69.5f)
                quadToRelative(0f, -60f, -40f, -100f)
                reflectiveQuadToRelative(-100f, -40f)
                quadToRelative(-47f, 0f, -87f, 26.5f)
                reflectiveQuadTo(518f, 294f)
                horizontalLineToRelative(-76f)
                quadToRelative(-15f, -41f, -55f, -67.5f)
                reflectiveQuadTo(300f, 200f)
                quadToRelative(-60f, 0f, -100f, 40f)
                reflectiveQuadToRelative(-40f, 100f)
                quadToRelative(0f, 35f, 14f, 69.5f)
                reflectiveQuadToRelative(50f, 79f)
                quadTo(260f, 533f, 322f, 591f)
                reflectiveQuadToRelative(158f, 141f)
                close()
                moveToRelative(0f, -266f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsHeartSmile!!
    }

private var _MaterialSymbolsHeartSmile: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/heart_smile.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="M480,620q63,0 112,-39t63,-101h-83q-12,27 -37,43.5T480,540q-30,0 -55,-16.5T388,480h-83q14,62 63,101t112,39ZM370,420q21,0 35.5,-14.5T420,370q0,-21 -14.5,-35.5T370,320q-21,0 -35.5,14.5T320,370q0,21 14.5,35.5T370,420Zm220,0q21,0 35.5,-14.5T640,370q0,-21 -14.5,-35.5T590,320q-21,0 -35.5,14.5T540,370q0,21 14.5,35.5T590,420ZM480,840l-58,-50q-101,-88 -167,-152T150,523q-39,-51 -54.5,-94T80,340q0,-94 63,-157t157,-63q52,0 99,22t81,62q34,-40 81,-62t99,-22q94,0 157,63t63,157q0,46 -15.5,89T810,523q-39,51 -105,115T538,790l-58,50Zm0,-108q96,-83 158,-141t98,-102.5q36,-44.5 50,-79t14,-69.5q0,-60 -40,-100t-100,-40q-47,0 -87,26.5T518,294h-76q-15,-41 -55,-67.5T300,200q-60,0 -100,40t-40,100q0,35 14,69.5t50,79Q260,533 322,591t158,141Zm0,-266Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-340q63 0 112-39t63-101h-83q-12 27-37 43.5T480-420q-30 0-55-16.5T388-480h-83q14 62 63 101t112 39ZM370-540q21 0 35.5-14.5T420-590q0-21-14.5-35.5T370-640q-21 0-35.5 14.5T320-590q0 21 14.5 35.5T370-540Zm220 0q21 0 35.5-14.5T640-590q0-21-14.5-35.5T590-640q-21 0-35.5 14.5T540-590q0 21 14.5 35.5T590-540ZM480-120l-58-50q-101-88-167-152T150-437q-39-51-54.5-94T80-620q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 89T810-437q-39 51-105 115T538-170l-58 50Zm0-108q96-83 158-141t98-102.5q36-44.5 50-79t14-69.5q0-60-40-100t-100-40q-47 0-87 26.5T518-666h-76q-15-41-55-67.5T300-760q-60 0-100 40t-40 100q0 35 14 69.5t50 79Q260-427 322-369t158 141Zm0-266Z"/></svg>
```