# map Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-icons/map.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 MaterialIconsMap: ImageVector
    get() {
        if (_MaterialIconsMap != null) return _MaterialIconsMap!!
        
        _MaterialIconsMap = ImageVector.Builder(
            name = "map",
            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(20.5f, 3f)
                lineToRelative(-0.16f, 0.03f)
                lineTo(15f, 5.1f)
                lineTo(9f, 3f)
                lineTo(3.36f, 4.9f)
                curveToRelative(-0.21f, 0.07f, -0.36f, 0.25f, -0.36f, 0.48f)
                verticalLineTo(20.5f)
                curveToRelative(0f, 0.28f, 0.22f, 0.5f, 0.5f, 0.5f)
                lineToRelative(0.16f, -0.03f)
                lineTo(9f, 18.9f)
                lineToRelative(6f, 2.1f)
                lineToRelative(5.64f, -1.9f)
                curveToRelative(0.21f, -0.07f, 0.36f, -0.25f, 0.36f, -0.48f)
                verticalLineTo(3.5f)
                curveToRelative(0f, -0.28f, -0.22f, -0.5f, -0.5f, -0.5f)
                close()
                moveTo(10f, 5.47f)
                lineToRelative(4f, 1.4f)
                verticalLineToRelative(11.66f)
                lineToRelative(-4f, -1.4f)
                verticalLineTo(5.47f)
                close()
                moveToRelative(-5f, 0.99f)
                lineToRelative(3f, -1.01f)
                verticalLineToRelative(11.7f)
                lineToRelative(-3f, 1.16f)
                verticalLineTo(6.46f)
                close()
                moveToRelative(14f, 11.08f)
                lineToRelative(-3f, 1.01f)
                verticalLineTo(6.86f)
                lineToRelative(3f, -1.16f)
                verticalLineToRelative(11.84f)
                close()
            }
        }.build()
        
        return _MaterialIconsMap!!
    }

private var _MaterialIconsMap: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-icons/map.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="M20.5,3l-0.16,0.03L15,5.1L9,3L3.36,4.9c-0.21,0.07 -0.36,0.25 -0.36,0.48V20.5c0,0.28 0.22,0.5 0.5,0.5l0.16,-0.03L9,18.9l6,2.1l5.64,-1.9c0.21,-0.07 0.36,-0.25 0.36,-0.48V3.5c0,-0.28 -0.22,-0.5 -0.5,-0.5ZM10,5.47l4,1.4v11.66l-4,-1.4V5.47Zm-5,0.99l3,-1.01v11.7l-3,1.16V6.46Zm14,11.08l-3,1.01V6.86l3,-1.16v11.84Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/material-icons/map.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="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM10 5.47l4 1.4v11.66l-4-1.4V5.47zm-5 .99l3-1.01v11.7l-3 1.16V6.46zm14 11.08l-3 1.01V6.86l3-1.16v11.84z"/></svg>
```