# border_color Icon

> The border_color icon from Material Symbols as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Material Symbols](https://composables.com/icons/icon-libraries/material-symbols.md)
- License: Apache 2.0 (full text in the [Material Symbols library page](https://composables.com/icons/icon-libraries/material-symbols.md))
- Styles: [Outlined](https://composables.com/icons/icon-libraries/material-symbols/border_color.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-symbols/border_color.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-symbols/border_color.md?v=sharp), [Outlined Filled](https://composables.com/icons/icon-libraries/material-symbols/border_color.md?v=outlined-filled), [Rounded Filled](https://composables.com/icons/icon-libraries/material-symbols/border_color.md?v=rounded-filled), [Sharp Filled](https://composables.com/icons/icon-libraries/material-symbols/border_color.md?v=sharp-filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/border_color.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 MaterialSymbolsBorderColor: ImageVector
    get() {
        if (_MaterialSymbolsBorderColor != null) return _MaterialSymbolsBorderColor!!
        
        _MaterialSymbolsBorderColor = ImageVector.Builder(
            name = "border_color",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(80f, 960f)
                verticalLineToRelative(-160f)
                horizontalLineToRelative(800f)
                verticalLineTo(960f)
                horizontalLineTo(80f)
                close()
                moveToRelative(160f, -320f)
                horizontalLineToRelative(56f)
                lineToRelative(312f, -311f)
                lineToRelative(-29f, -29f)
                lineToRelative(-28f, -28f)
                lineToRelative(-311f, 312f)
                verticalLineToRelative(56f)
                close()
                moveToRelative(-80f, 80f)
                verticalLineToRelative(-170f)
                lineToRelative(448f, -447f)
                quadToRelative(11f, -11f, 25.5f, -17f)
                reflectiveQuadToRelative(30.5f, -6f)
                quadToRelative(16f, 0f, 31f, 6f)
                reflectiveQuadToRelative(27f, 18f)
                lineToRelative(55f, 56f)
                quadToRelative(12f, 11f, 17.5f, 26f)
                reflectiveQuadToRelative(5.5f, 31f)
                quadToRelative(0f, 15f, -5.5f, 29.5f)
                reflectiveQuadTo(777f, 273f)
                lineTo(330f, 720f)
                horizontalLineTo(160f)
                close()
                moveToRelative(560f, -504f)
                lineToRelative(-56f, -56f)
                lineToRelative(56f, 56f)
                close()
                moveTo(608f, 329f)
                lineToRelative(-29f, -29f)
                lineToRelative(-28f, -28f)
                lineToRelative(57f, 57f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsBorderColor!!
    }

private var _MaterialSymbolsBorderColor: ImageVector? = null
```

## Android Vector Drawable (XML)

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

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="960"
    android:viewportHeight="960">
    <path
        android:fillColor="@android:color/black"
        android:pathData="M80,960v-160h800V960H80Zm160,-320h56l312,-311l-29,-29l-28,-28l-311,312v56Zm-80,80v-170l448,-447q11,-11 25.5,-17t30.5,-6q16,0 31,6t27,18l55,56q12,11 17.5,26t5.5,31q0,15 -5.5,29.5T777,273L330,720H160Zm560,-504l-56,-56l56,56ZM608,329l-29,-29l-28,-28l57,57Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M80 0v-160h800V0H80Zm160-320h56l312-311-29-29-28-28-311 312v56Zm-80 80v-170l448-447q11-11 25.5-17t30.5-6q16 0 31 6t27 18l55 56q12 11 17.5 26t5.5 31q0 15-5.5 29.5T777-687L330-240H160Zm560-504-56-56 56 56ZM608-631l-29-29-28-28 57 57Z"/></svg>
```