# invert_colors Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/invert_colors.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 MaterialIconsInvertColors: ImageVector
    get() {
        if (_MaterialIconsInvertColors != null) return _MaterialIconsInvertColors!!
        
        _MaterialIconsInvertColors = ImageVector.Builder(
            name = "invert_colors",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            group {
                path(
                    fill = SolidColor(Color.Transparent)
                ) {
                    moveTo(0f, 0f)
                    horizontalLineToRelative(24f)
                    verticalLineToRelative(24f)
                    horizontalLineTo(0f)
                    verticalLineTo(0f)
                    close()
                }
            }
            group {
                path(
                    fill = SolidColor(Color.Black)
                ) {
                    moveTo(12f, 4.81f)
                    lineTo(12f, 19f)
                    curveToRelative(-3.31f, 0f, -6f, -2.63f, -6f, -5.87f)
                    curveToRelative(0f, -1.56f, 0.62f, -3.03f, 1.75f, -4.14f)
                    lineTo(12f, 4.81f)
                    moveTo(12f, 2f)
                    lineTo(6.35f, 7.56f)
                    lineToRelative(0f, 0f)
                    curveTo(4.9f, 8.99f, 4f, 10.96f, 4f, 13.13f)
                    curveTo(4f, 17.48f, 7.58f, 21f, 12f, 21f)
                    curveToRelative(4.42f, 0f, 8f, -3.52f, 8f, -7.87f)
                    curveToRelative(0f, -2.17f, -0.9f, -4.14f, -2.35f, -5.57f)
                    lineToRelative(0f, 0f)
                    lineTo(12f, 2f)
                    close()
                }
            }
        }.build()
        
        return _MaterialIconsInvertColors!!
    }

private var _MaterialIconsInvertColors: ImageVector? = null
```

## Android Vector Drawable (XML)

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

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24">
    <path
        android:pathData="M0,0h24v24H0V0Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M12,4.81L12,19c-3.31,0 -6,-2.63 -6,-5.87c0,-1.56 0.62,-3.03 1.75,-4.14L12,4.81M12,2L6.35,7.56l0,0C4.9,8.99 4,10.96 4,13.13C4,17.48 7.58,21 12,21c4.42,0 8,-3.52 8,-7.87c0,-2.17 -0.9,-4.14 -2.35,-5.57l0,0L12,2Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/invert_colors.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><path d="M0,0h24v24H0V0z" fill="none"/></g><g><path d="M12,4.81L12,19c-3.31,0-6-2.63-6-5.87c0-1.56,0.62-3.03,1.75-4.14L12,4.81 M12,2L6.35,7.56l0,0C4.9,8.99,4,10.96,4,13.13 C4,17.48,7.58,21,12,21c4.42,0,8-3.52,8-7.87c0-2.17-0.9-4.14-2.35-5.57l0,0L12,2z"/></g></svg>
```