# grid_view Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/grid_view.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 MaterialIconsGridView: ImageVector
    get() {
        if (_MaterialIconsGridView != null) return _MaterialIconsGridView!!
        
        _MaterialIconsGridView = ImageVector.Builder(
            name = "grid_view",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            group {
                path(
                    fill = SolidColor(Color.Transparent)
                ) {
                    moveTo(0f, 0f)
                    horizontalLineTo(24f)
                    verticalLineTo(24f)
                    horizontalLineTo(0f)
                    verticalLineTo(0f)
                    close()
                }
            }
            group {
                group {
                    group {
                        path(
                            fill = SolidColor(Color.Black)
                        ) {
                            moveTo(3f, 3f)
                            verticalLineToRelative(8f)
                            horizontalLineToRelative(8f)
                            verticalLineTo(3f)
                            horizontalLineTo(3f)
                            close()
                            moveTo(9f, 9f)
                            horizontalLineTo(5f)
                            verticalLineTo(5f)
                            horizontalLineToRelative(4f)
                            verticalLineTo(9f)
                            close()
                            moveTo(3f, 13f)
                            verticalLineToRelative(8f)
                            horizontalLineToRelative(8f)
                            verticalLineToRelative(-8f)
                            horizontalLineTo(3f)
                            close()
                            moveTo(9f, 19f)
                            horizontalLineTo(5f)
                            verticalLineToRelative(-4f)
                            horizontalLineToRelative(4f)
                            verticalLineTo(19f)
                            close()
                            moveTo(13f, 3f)
                            verticalLineToRelative(8f)
                            horizontalLineToRelative(8f)
                            verticalLineTo(3f)
                            horizontalLineTo(13f)
                            close()
                            moveTo(19f, 9f)
                            horizontalLineToRelative(-4f)
                            verticalLineTo(5f)
                            horizontalLineToRelative(4f)
                            verticalLineTo(9f)
                            close()
                            moveTo(13f, 13f)
                            verticalLineToRelative(8f)
                            horizontalLineToRelative(8f)
                            verticalLineToRelative(-8f)
                            horizontalLineTo(13f)
                            close()
                            moveTo(19f, 19f)
                            horizontalLineToRelative(-4f)
                            verticalLineToRelative(-4f)
                            horizontalLineToRelative(4f)
                            verticalLineTo(19f)
                            close()
                        }
                    }
                }
            }
        }.build()
        
        return _MaterialIconsGridView!!
    }

private var _MaterialIconsGridView: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/grid_view.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="M3,3v8h8V3H3ZM9,9H5V5h4V9ZM3,13v8h8v-8H3ZM9,19H5v-4h4V19ZM13,3v8h8V3H13ZM19,9h-4V5h4V9ZM13,13v8h8v-8H13ZM19,19h-4v-4h4V19Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/grid_view.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><rect fill="none" height="24" width="24"/></g><g><g><g><path d="M3,3v8h8V3H3z M9,9H5V5h4V9z M3,13v8h8v-8H3z M9,19H5v-4h4V19z M13,3v8h8V3H13z M19,9h-4V5h4V9z M13,13v8h8v-8H13z M19,19h-4v-4h4V19z"/></g></g></g></svg>
```