# opacity Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/opacity.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 MaterialSymbolsOpacity: ImageVector
    get() {
        if (_MaterialSymbolsOpacity != null) return _MaterialSymbolsOpacity!!
        
        _MaterialSymbolsOpacity = ImageVector.Builder(
            name = "opacity",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(480f, 840f)
                quadToRelative(-133f, 0f, -226.5f, -92f)
                reflectiveQuadTo(160f, 524f)
                quadToRelative(0f, -65f, 25f, -121.5f)
                reflectiveQuadTo(254f, 302f)
                lineToRelative(226f, -222f)
                lineToRelative(226f, 222f)
                quadToRelative(44f, 44f, 69f, 100.5f)
                reflectiveQuadTo(800f, 524f)
                quadToRelative(0f, 132f, -93.5f, 224f)
                reflectiveQuadTo(480f, 840f)
                close()
                moveTo(242f, 560f)
                horizontalLineToRelative(474f)
                quadToRelative(12f, -72f, -13.5f, -123f)
                reflectiveQuadTo(650f, 360f)
                lineTo(480f, 192f)
                lineTo(310f, 360f)
                quadToRelative(-27f, 26f, -53f, 77f)
                reflectiveQuadToRelative(-15f, 123f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsOpacity!!
    }

private var _MaterialSymbolsOpacity: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/opacity.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,840q-133,0 -226.5,-92T160,524q0,-65 25,-121.5T254,302l226,-222l226,222q44,44 69,100.5T800,524q0,132 -93.5,224T480,840ZM242,560h474q12,-72 -13.5,-123T650,360L480,192L310,360q-27,26 -53,77t-15,123Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-120q-133 0-226.5-92T160-436q0-65 25-121.5T254-658l226-222 226 222q44 44 69 100.5T800-436q0 132-93.5 224T480-120ZM242-400h474q12-72-13.5-123T650-600L480-768 310-600q-27 26-53 77t-15 123Z"/></svg>
```