# key Icon

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

- Library: [Tabler](https://composables.com/icons/icon-libraries/tabler.md)
- License: MIT (full text in the [Tabler library page](https://composables.com/icons/icon-libraries/tabler.md))
- Styles: [Outline](https://composables.com/icons/icon-libraries/tabler/key.md?v=outline), [Filled](https://composables.com/icons/icon-libraries/tabler/key.md?v=filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/tabler/key.kt`

```kotlin
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.StrokeCap
import androidx.compose.ui.graphics.StrokeJoin
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.path
import androidx.compose.ui.unit.dp

val TablerKey: ImageVector
    get() {
        if (_TablerKey != null) return _TablerKey!!
        
        _TablerKey = ImageVector.Builder(
            name = "key",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 24f,
            viewportHeight = 24f
        ).apply {
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(16.555f, 3.843f)
                lineToRelative(3.602f, 3.602f)
                arcToRelative(2.877f, 2.877f, 0f, false, true, 0f, 4.069f)
                lineToRelative(-2.643f, 2.643f)
                arcToRelative(2.877f, 2.877f, 0f, false, true, -4.069f, 0f)
                lineToRelative(-0.301f, -0.301f)
                lineToRelative(-6.558f, 6.558f)
                arcToRelative(2f, 2f, 0f, false, true, -1.239f, 0.578f)
                lineToRelative(-0.175f, 0.008f)
                horizontalLineToRelative(-1.172f)
                arcToRelative(1f, 1f, 0f, false, true, -0.993f, -0.883f)
                lineToRelative(-0.007f, -0.117f)
                verticalLineToRelative(-1.172f)
                arcToRelative(2f, 2f, 0f, false, true, 0.467f, -1.284f)
                lineToRelative(0.119f, -0.13f)
                lineToRelative(0.414f, -0.414f)
                horizontalLineToRelative(2f)
                verticalLineToRelative(-2f)
                horizontalLineToRelative(2f)
                verticalLineToRelative(-2f)
                lineToRelative(2.144f, -2.144f)
                lineToRelative(-0.301f, -0.301f)
                arcToRelative(2.877f, 2.877f, 0f, false, true, 0f, -4.069f)
                lineToRelative(2.643f, -2.643f)
                arcToRelative(2.877f, 2.877f, 0f, false, true, 4.069f, 0f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(15f, 9f)
                horizontalLineToRelative(0.01f)
            }
        }.build()
        
        return _TablerKey!!
    }

private var _TablerKey: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/tabler/key.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:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M16.555,3.843l3.602,3.602a2.877,2.877 0 0,1 0,4.069l-2.643,2.643a2.877,2.877 0 0,1 -4.069,0l-0.301,-0.301l-6.558,6.558a2,2 0 0,1 -1.239,0.578l-0.175,0.008h-1.172a1,1 0 0,1 -0.993,-0.883l-0.007,-0.117v-1.172a2,2 0 0,1 0.467,-1.284l0.119,-0.13l0.414,-0.414h2v-2h2v-2l2.144,-2.144l-0.301,-0.301a2.877,2.877 0 0,1 0,-4.069l2.643,-2.643a2.877,2.877 0 0,1 4.069,0" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M15,9h0.01" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/tabler/key.svg`

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0" /><path d="M15 9h.01" /></svg>
```
