# visibility_off Icon

> The visibility_off 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/visibility_off.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/visibility_off.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/visibility_off.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/visibility_off.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/visibility_off.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/visibility_off.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 MaterialIconsVisibilityOff: ImageVector
    get() {
        if (_MaterialIconsVisibilityOff != null) return _MaterialIconsVisibilityOff!!
        
        _MaterialIconsVisibilityOff = ImageVector.Builder(
            name = "visibility_off",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent)
            ) {
                moveTo(0f, 0f)
                horizontalLineToRelative(24f)
                verticalLineToRelative(24f)
                horizontalLineTo(0f)
                verticalLineTo(0f)
                close()
                moveToRelative(0f, 0f)
                horizontalLineToRelative(24f)
                verticalLineToRelative(24f)
                horizontalLineTo(0f)
                verticalLineTo(0f)
                close()
                moveToRelative(0f, 0f)
                horizontalLineToRelative(24f)
                verticalLineToRelative(24f)
                horizontalLineTo(0f)
                verticalLineTo(0f)
                close()
                moveToRelative(0f, 0f)
                horizontalLineToRelative(24f)
                verticalLineToRelative(24f)
                horizontalLineTo(0f)
                verticalLineTo(0f)
                close()
            }
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(12f, 6f)
                curveToRelative(3.79f, 0f, 7.17f, 2.13f, 8.82f, 5.5f)
                curveToRelative(-0.59f, 1.22f, -1.42f, 2.27f, -2.41f, 3.12f)
                lineToRelative(1.41f, 1.41f)
                curveToRelative(1.39f, -1.23f, 2.49f, -2.77f, 3.18f, -4.53f)
                curveTo(21.27f, 7.11f, 17f, 4f, 12f, 4f)
                curveToRelative(-1.27f, 0f, -2.49f, 0.2f, -3.64f, 0.57f)
                lineToRelative(1.65f, 1.65f)
                curveTo(10.66f, 6.09f, 11.32f, 6f, 12f, 6f)
                close()
                moveToRelative(-1.07f, 1.14f)
                lineTo(13f, 9.21f)
                curveToRelative(0.57f, 0.25f, 1.03f, 0.71f, 1.28f, 1.28f)
                lineToRelative(2.07f, 2.07f)
                curveToRelative(0.08f, -0.34f, 0.14f, -0.7f, 0.14f, -1.07f)
                curveTo(16.5f, 9.01f, 14.48f, 7f, 12f, 7f)
                curveToRelative(-0.37f, 0f, -0.72f, 0.05f, -1.07f, 0.14f)
                close()
                moveTo(2.01f, 3.87f)
                lineToRelative(2.68f, 2.68f)
                curveTo(3.06f, 7.83f, 1.77f, 9.53f, 1f, 11.5f)
                curveTo(2.73f, 15.89f, 7f, 19f, 12f, 19f)
                curveToRelative(1.52f, 0f, 2.98f, -0.29f, 4.32f, -0.82f)
                lineToRelative(3.42f, 3.42f)
                lineToRelative(1.41f, -1.41f)
                lineTo(3.42f, 2.45f)
                lineTo(2.01f, 3.87f)
                close()
                moveToRelative(7.5f, 7.5f)
                lineToRelative(2.61f, 2.61f)
                curveToRelative(-0.04f, 0.01f, -0.08f, 0.02f, -0.12f, 0.02f)
                curveToRelative(-1.38f, 0f, -2.5f, -1.12f, -2.5f, -2.5f)
                curveToRelative(0f, -0.05f, 0.01f, -0.08f, 0.01f, -0.13f)
                close()
                moveToRelative(-3.4f, -3.4f)
                lineToRelative(1.75f, 1.75f)
                curveToRelative(-0.23f, 0.55f, -0.36f, 1.15f, -0.36f, 1.78f)
                curveToRelative(0f, 2.48f, 2.02f, 4.5f, 4.5f, 4.5f)
                curveToRelative(0.63f, 0f, 1.23f, -0.13f, 1.77f, -0.36f)
                lineToRelative(0.98f, 0.98f)
                curveToRelative(-0.88f, 0.24f, -1.8f, 0.38f, -2.75f, 0.38f)
                curveToRelative(-3.79f, 0f, -7.17f, -2.13f, -8.82f, -5.5f)
                curveToRelative(0.7f, -1.43f, 1.72f, -2.61f, 2.93f, -3.53f)
                close()
            }
        }.build()
        
        return _MaterialIconsVisibilityOff!!
    }

private var _MaterialIconsVisibilityOff: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/visibility_off.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,0h24v24H0V0Zm0,0h24v24H0V0Zm0,0h24v24H0V0Zm0,0h24v24H0V0Z" />
    <path
        android:fillColor="@android:color/black"
        android:pathData="M12,6c3.79,0 7.17,2.13 8.82,5.5c-0.59,1.22 -1.42,2.27 -2.41,3.12l1.41,1.41c1.39,-1.23 2.49,-2.77 3.18,-4.53C21.27,7.11 17,4 12,4c-1.27,0 -2.49,0.2 -3.64,0.57l1.65,1.65C10.66,6.09 11.32,6 12,6Zm-1.07,1.14L13,9.21c0.57,0.25 1.03,0.71 1.28,1.28l2.07,2.07c0.08,-0.34 0.14,-0.7 0.14,-1.07C16.5,9.01 14.48,7 12,7c-0.37,0 -0.72,0.05 -1.07,0.14ZM2.01,3.87l2.68,2.68C3.06,7.83 1.77,9.53 1,11.5C2.73,15.89 7,19 12,19c1.52,0 2.98,-0.29 4.32,-0.82l3.42,3.42l1.41,-1.41L3.42,2.45L2.01,3.87Zm7.5,7.5l2.61,2.61c-0.04,0.01 -0.08,0.02 -0.12,0.02c-1.38,0 -2.5,-1.12 -2.5,-2.5c0,-0.05 0.01,-0.08 0.01,-0.13Zm-3.4,-3.4l1.75,1.75c-0.23,0.55 -0.36,1.15 -0.36,1.78c0,2.48 2.02,4.5 4.5,4.5c0.63,0 1.23,-0.13 1.77,-0.36l0.98,0.98c-0.88,0.24 -1.8,0.38 -2.75,0.38c-3.79,0 -7.17,-2.13 -8.82,-5.5c0.7,-1.43 1.72,-2.61 2.93,-3.53Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0zm0 0h24v24H0V0z" fill="none"/><path d="M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"/></svg>
```