# frame Icon

> The frame icon from Radix as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Radix](https://composables.com/icons/icon-libraries/radix.md)
- License: MIT (full text in the [Radix library page](https://composables.com/icons/icon-libraries/radix.md))
- Categories: [Design](https://composables.com/icons/categories/design.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/radix/frame.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 RadixFrame: ImageVector
    get() {
        if (_RadixFrame != null) return _RadixFrame!!
        
        _RadixFrame = ImageVector.Builder(
            name = "frame",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 15f,
            viewportHeight = 15f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(10.5f, 1f)
                curveTo(10.7761f, 1f, 11f, 1.22386f, 11f, 1.5f)
                verticalLineTo(4f)
                horizontalLineTo(13.5f)
                lineTo(13.6006f, 4.00977f)
                curveTo(13.8286f, 4.05629f, 14f, 4.25829f, 14f, 4.5f)
                curveTo(14f, 4.74171f, 13.8286f, 4.94371f, 13.6006f, 4.99023f)
                lineTo(13.5f, 5f)
                horizontalLineTo(11f)
                verticalLineTo(10f)
                horizontalLineTo(13.5f)
                lineTo(13.6006f, 10.0098f)
                curveTo(13.8286f, 10.0563f, 14f, 10.2583f, 14f, 10.5f)
                curveTo(14f, 10.7417f, 13.8286f, 10.9437f, 13.6006f, 10.9902f)
                lineTo(13.5f, 11f)
                horizontalLineTo(11f)
                verticalLineTo(13.5f)
                lineTo(10.9902f, 13.6006f)
                curveTo(10.9437f, 13.8286f, 10.7417f, 14f, 10.5f, 14f)
                curveTo(10.2583f, 14f, 10.0563f, 13.8286f, 10.0098f, 13.6006f)
                lineTo(10f, 13.5f)
                verticalLineTo(11f)
                horizontalLineTo(5f)
                verticalLineTo(13.5f)
                curveTo(5f, 13.7761f, 4.77614f, 14f, 4.5f, 14f)
                curveTo(4.22386f, 14f, 4f, 13.7761f, 4f, 13.5f)
                verticalLineTo(11f)
                horizontalLineTo(1.5f)
                curveTo(1.22386f, 11f, 1f, 10.7761f, 1f, 10.5f)
                curveTo(1f, 10.2239f, 1.22386f, 10f, 1.5f, 10f)
                horizontalLineTo(4f)
                verticalLineTo(5f)
                horizontalLineTo(1.5f)
                curveTo(1.22386f, 5f, 1f, 4.77614f, 1f, 4.5f)
                curveTo(1f, 4.22386f, 1.22386f, 4f, 1.5f, 4f)
                horizontalLineTo(4f)
                verticalLineTo(1.5f)
                curveTo(4f, 1.22386f, 4.22386f, 1f, 4.5f, 1f)
                curveTo(4.77614f, 1f, 5f, 1.22386f, 5f, 1.5f)
                verticalLineTo(4f)
                horizontalLineTo(10f)
                verticalLineTo(1.5f)
                curveTo(10f, 1.22386f, 10.2239f, 1f, 10.5f, 1f)
                close()
                moveTo(5f, 10f)
                horizontalLineTo(10f)
                verticalLineTo(5f)
                horizontalLineTo(5f)
                verticalLineTo(10f)
                close()
            }
        }.build()
        
        return _RadixFrame!!
    }

private var _RadixFrame: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/radix/frame.xml`

```xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="15"
    android:viewportHeight="15">
    <path
        android:fillColor="@android:color/black"
        android:pathData="M10.5,1C10.7761,1 11,1.22386 11,1.5V4H13.5L13.6006,4.00977C13.8286,4.05629 14,4.25829 14,4.5C14,4.74171 13.8286,4.94371 13.6006,4.99023L13.5,5H11V10H13.5L13.6006,10.0098C13.8286,10.0563 14,10.2583 14,10.5C14,10.7417 13.8286,10.9437 13.6006,10.9902L13.5,11H11V13.5L10.9902,13.6006C10.9437,13.8286 10.7417,14 10.5,14C10.2583,14 10.0563,13.8286 10.0098,13.6006L10,13.5V11H5V13.5C5,13.7761 4.77614,14 4.5,14C4.22386,14 4,13.7761 4,13.5V11H1.5C1.22386,11 1,10.7761 1,10.5C1,10.2239 1.22386,10 1.5,10H4V5H1.5C1.22386,5 1,4.77614 1,4.5C1,4.22386 1.22386,4 1.5,4H4V1.5C4,1.22386 4.22386,1 4.5,1C4.77614,1 5,1.22386 5,1.5V4H10V1.5C10,1.22386 10.2239,1 10.5,1ZM5,10H10V5H5V10Z" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/radix/frame.svg`

```svg
<svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 1C10.7761 1 11 1.22386 11 1.5V4H13.5L13.6006 4.00977C13.8286 4.05629 14 4.25829 14 4.5C14 4.74171 13.8286 4.94371 13.6006 4.99023L13.5 5H11V10H13.5L13.6006 10.0098C13.8286 10.0563 14 10.2583 14 10.5C14 10.7417 13.8286 10.9437 13.6006 10.9902L13.5 11H11V13.5L10.9902 13.6006C10.9437 13.8286 10.7417 14 10.5 14C10.2583 14 10.0563 13.8286 10.0098 13.6006L10 13.5V11H5V13.5C5 13.7761 4.77614 14 4.5 14C4.22386 14 4 13.7761 4 13.5V11H1.5C1.22386 11 1 10.7761 1 10.5C1 10.2239 1.22386 10 1.5 10H4V5H1.5C1.22386 5 1 4.77614 1 4.5C1 4.22386 1.22386 4 1.5 4H4V1.5C4 1.22386 4.22386 1 4.5 1C4.77614 1 5 1.22386 5 1.5V4H10V1.5C10 1.22386 10.2239 1 10.5 1ZM5 10H10V5H5V10Z" fill="currentColor"/></svg>
```