# pageview Icon

> The pageview 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/pageview.md?v=filled), [Outlined](https://composables.com/icons/icon-libraries/material-icons/pageview.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-icons/pageview.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-icons/pageview.md?v=sharp), [Two-Tone](https://composables.com/icons/icon-libraries/material-icons/pageview.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/pageview.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 MaterialIconsPageview: ImageVector
    get() {
        if (_MaterialIconsPageview != null) return _MaterialIconsPageview!!
        
        _MaterialIconsPageview = ImageVector.Builder(
            name = "pageview",
            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()
            }
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(11.49f, 16f)
                curveToRelative(0.88f, 0f, 1.7f, -0.26f, 2.39f, -0.7f)
                lineToRelative(2.44f, 2.44f)
                lineToRelative(1.42f, -1.42f)
                lineToRelative(-2.44f, -2.43f)
                curveToRelative(0.44f, -0.7f, 0.7f, -1.51f, 0.7f, -2.39f)
                curveTo(16f, 9.01f, 13.99f, 7f, 11.5f, 7f)
                reflectiveCurveTo(7f, 9.01f, 7f, 11.5f)
                reflectiveCurveTo(9.01f, 16f, 11.49f, 16f)
                close()
                moveToRelative(0.01f, -7f)
                curveToRelative(1.38f, 0f, 2.5f, 1.12f, 2.5f, 2.5f)
                reflectiveCurveTo(12.88f, 14f, 11.5f, 14f)
                reflectiveCurveTo(9f, 12.88f, 9f, 11.5f)
                reflectiveCurveTo(10.12f, 9f, 11.5f, 9f)
                close()
                moveTo(20f, 4f)
                horizontalLineTo(4f)
                curveToRelative(-1.1f, 0f, -2f, 0.9f, -2f, 2f)
                verticalLineToRelative(12f)
                curveToRelative(0f, 1.1f, 0.9f, 2f, 2f, 2f)
                horizontalLineToRelative(16f)
                curveToRelative(1.1f, 0f, 2f, -0.9f, 2f, -2f)
                verticalLineTo(6f)
                curveToRelative(0f, -1.1f, -0.9f, -2f, -2f, -2f)
                close()
                moveToRelative(0f, 14f)
                horizontalLineTo(4f)
                verticalLineTo(6f)
                horizontalLineToRelative(16f)
                verticalLineToRelative(12f)
                close()
            }
        }.build()
        
        return _MaterialIconsPageview!!
    }

private var _MaterialIconsPageview: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/pageview.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="M11.49,16c0.88,0 1.7,-0.26 2.39,-0.7l2.44,2.44l1.42,-1.42l-2.44,-2.43c0.44,-0.7 0.7,-1.51 0.7,-2.39C16,9.01 13.99,7 11.5,7S7,9.01 7,11.5S9.01,16 11.49,16Zm0.01,-7c1.38,0 2.5,1.12 2.5,2.5S12.88,14 11.5,14S9,12.88 9,11.5S10.12,9 11.5,9ZM20,4H4c-1.1,0 -2,0.9 -2,2v12c0,1.1 0.9,2 2,2h16c1.1,0 2,-0.9 2,-2V6c0,-1.1 -0.9,-2 -2,-2Zm0,14H4V6h16v12Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11.49 16c.88 0 1.7-.26 2.39-.7l2.44 2.44 1.42-1.42-2.44-2.43c.44-.7.7-1.51.7-2.39C16 9.01 13.99 7 11.5 7S7 9.01 7 11.5 9.01 16 11.49 16zm.01-7c1.38 0 2.5 1.12 2.5 2.5S12.88 14 11.5 14 9 12.88 9 11.5 10.12 9 11.5 9zM20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12z"/></svg>
```