# notification_add Icon

> The notification_add 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/notification_add.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/notification_add.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/notification_add.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/notification_add.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/notification_add.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/notification_add.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 MaterialIconsNotificationAdd: ImageVector
    get() {
        if (_MaterialIconsNotificationAdd != null) return _MaterialIconsNotificationAdd!!
        
        _MaterialIconsNotificationAdd = ImageVector.Builder(
            name = "notification_add",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent)
            ) {
                moveTo(0f, 0f)
                horizontalLineTo(24f)
                verticalLineTo(24f)
                horizontalLineTo(0f)
                verticalLineTo(0f)
                close()
            }
            group {
                path(
                    fill = SolidColor(Color.Black)
                ) {
                    moveTo(16f, 14f)
                    verticalLineToRelative(3f)
                    horizontalLineTo(8f)
                    verticalLineToRelative(-7f)
                    curveToRelative(0f, -2.21f, 1.79f, -4f, 4f, -4f)
                    curveToRelative(0.85f, 0f, 1.64f, 0.26f, 2.28f, 0.72f)
                    lineToRelative(1.43f, -1.43f)
                    curveToRelative(-0.64f, -0.51f, -1.39f, -0.88f, -2.21f, -1.09f)
                    verticalLineTo(3.5f)
                    curveTo(13.5f, 2.67f, 12.83f, 2f, 12f, 2f)
                    reflectiveCurveToRelative(-1.5f, 0.67f, -1.5f, 1.5f)
                    verticalLineToRelative(0.7f)
                    curveTo(7.91f, 4.86f, 6f, 7.21f, 6f, 10f)
                    verticalLineToRelative(7f)
                    horizontalLineTo(4f)
                    verticalLineToRelative(2f)
                    horizontalLineToRelative(16f)
                    verticalLineToRelative(-2f)
                    horizontalLineToRelative(-2f)
                    verticalLineToRelative(-3f)
                    horizontalLineTo(16f)
                    close()
                    moveTo(12f, 22f)
                    curveToRelative(1.1f, 0f, 2f, -0.9f, 2f, -2f)
                    horizontalLineToRelative(-4f)
                    curveTo(10f, 21.1f, 10.9f, 22f, 12f, 22f)
                    close()
                    moveTo(24f, 8f)
                    horizontalLineToRelative(-3f)
                    verticalLineTo(5f)
                    horizontalLineToRelative(-2f)
                    verticalLineToRelative(3f)
                    horizontalLineToRelative(-3f)
                    verticalLineToRelative(2f)
                    horizontalLineToRelative(3f)
                    verticalLineToRelative(3f)
                    horizontalLineToRelative(2f)
                    verticalLineToRelative(-3f)
                    horizontalLineToRelative(3f)
                    verticalLineTo(8f)
                    close()
                }
            }
        }.build()
        
        return _MaterialIconsNotificationAdd!!
    }

private var _MaterialIconsNotificationAdd: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/notification_add.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,14v3H8v-7c0,-2.21 1.79,-4 4,-4c0.85,0 1.64,0.26 2.28,0.72l1.43,-1.43c-0.64,-0.51 -1.39,-0.88 -2.21,-1.09V3.5C13.5,2.67 12.83,2 12,2s-1.5,0.67 -1.5,1.5v0.7C7.91,4.86 6,7.21 6,10v7H4v2h16v-2h-2v-3H16ZM12,22c1.1,0 2,-0.9 2,-2h-4C10,21.1 10.9,22 12,22ZM24,8h-3V5h-2v3h-3v2h3v3h2v-3h3V8Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="currentColor"><rect fill="none" height="24" width="24" x="0" y="0"/><g><path d="M16,14v3H8v-7c0-2.21,1.79-4,4-4c0.85,0,1.64,0.26,2.28,0.72l1.43-1.43c-0.64-0.51-1.39-0.88-2.21-1.09V3.5 C13.5,2.67,12.83,2,12,2s-1.5,0.67-1.5,1.5v0.7C7.91,4.86,6,7.21,6,10v7H4v2h16v-2h-2v-3H16z M12,22c1.1,0,2-0.9,2-2h-4 C10,21.1,10.9,22,12,22z M24,8h-3V5h-2v3h-3v2h3v3h2v-3h3V8z"/></g></svg>
```