# hop-off Icon

> The hop-off icon from Lucide as Compose ImageVector Kotlin code, Android Vector Drawable XML and SVG.

- Library: [Lucide](https://composables.com/icons/icon-libraries/lucide.md)
- License: ISC (full text in the [Lucide library page](https://composables.com/icons/icon-libraries/lucide.md))
- Categories: [Food-beverage](https://composables.com/icons/categories/food-beverage.md)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/lucide/hop-off.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 LucideHopOff: ImageVector
    get() {
        if (_LucideHopOff != null) return _LucideHopOff!!
        
        _LucideHopOff = ImageVector.Builder(
            name = "hop-off",
            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(10.82f, 16.12f)
                curveToRelative(1.69f, 0.6f, 3.91f, 0.79f, 5.18f, 0.85f)
                curveToRelative(0.28f, 0.01f, 0.53f, -0.09f, 0.7f, -0.27f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(11.14f, 20.57f)
                curveToRelative(0.52f, 0.24f, 2.44f, 1.12f, 4.08f, 1.37f)
                curveToRelative(0.46f, 0.06f, 0.86f, -0.25f, 0.9f, -0.71f)
                curveToRelative(0.12f, -1.52f, -0.3f, -3.43f, -0.5f, -4.28f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(16.13f, 21.05f)
                curveToRelative(1.65f, 0.63f, 3.68f, 0.84f, 4.87f, 0.91f)
                arcToRelative(0.9f, 0.9f, 0f, false, false, 0.7f, -0.26f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(17.99f, 5.52f)
                arcToRelative(20.83f, 20.83f, 0f, false, true, 3.15f, 4.5f)
                arcToRelative(0.8f, 0.8f, 0f, false, true, -0.68f, 1.13f)
                curveToRelative(-1.17f, 0.1f, -2.5f, 0.02f, -3.9f, -0.25f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(20.57f, 11.14f)
                curveToRelative(0.24f, 0.52f, 1.12f, 2.44f, 1.37f, 4.08f)
                curveToRelative(0.04f, 0.3f, -0.08f, 0.59f, -0.31f, 0.75f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(4.93f, 4.93f)
                arcToRelative(10f, 10f, 0f, false, false, -0.67f, 13.4f)
                curveToRelative(0.35f, 0.43f, 0.96f, 0.4f, 1.17f, -0.12f)
                curveToRelative(0.69f, -1.71f, 1.07f, -5.07f, 1.07f, -6.71f)
                curveToRelative(1.34f, 0.45f, 3.1f, 0.9f, 4.88f, 0.62f)
                arcToRelative(0.85f, 0.85f, 0f, false, false, 0.48f, -0.24f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(5.52f, 17.99f)
                curveToRelative(1.05f, 0.95f, 2.91f, 2.42f, 4.5f, 3.15f)
                arcToRelative(0.8f, 0.8f, 0f, false, false, 1.13f, -0.68f)
                curveToRelative(0.2f, -2.34f, -0.33f, -5.3f, -1.57f, -8.28f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(8.35f, 2.68f)
                arcToRelative(10f, 10f, 0f, false, true, 9.98f, 1.58f)
                curveToRelative(0.43f, 0.35f, 0.4f, 0.96f, -0.12f, 1.17f)
                curveToRelative(-1.5f, 0.6f, -4.3f, 0.98f, -6.07f, 1.05f)
            }
            path(
                fill = SolidColor(Color.Transparent),
                stroke = SolidColor(Color.Black),
                strokeLineWidth = 2f,
                strokeLineCap = StrokeCap.Round,
                strokeLineJoin = StrokeJoin.Round
            ) {
                moveTo(2f, 2f)
                lineToRelative(20f, 20f)
            }
        }.build()
        
        return _LucideHopOff!!
    }

private var _LucideHopOff: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/lucide/hop-off.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="M10.82,16.12c1.69,0.6 3.91,0.79 5.18,0.85c0.28,0.01 0.53,-0.09 0.7,-0.27" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M11.14,20.57c0.52,0.24 2.44,1.12 4.08,1.37c0.46,0.06 0.86,-0.25 0.9,-0.71c0.12,-1.52 -0.3,-3.43 -0.5,-4.28" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M16.13,21.05c1.65,0.63 3.68,0.84 4.87,0.91a0.9,0.9 0 0,0 0.7,-0.26" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M17.99,5.52a20.83,20.83 0 0,1 3.15,4.5a0.8,0.8 0 0,1 -0.68,1.13c-1.17,0.1 -2.5,0.02 -3.9,-0.25" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M20.57,11.14c0.24,0.52 1.12,2.44 1.37,4.08c0.04,0.3 -0.08,0.59 -0.31,0.75" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M4.93,4.93a10,10 0 0,0 -0.67,13.4c0.35,0.43 0.96,0.4 1.17,-0.12c0.69,-1.71 1.07,-5.07 1.07,-6.71c1.34,0.45 3.1,0.9 4.88,0.62a0.85,0.85 0 0,0 0.48,-0.24" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M5.52,17.99c1.05,0.95 2.91,2.42 4.5,3.15a0.8,0.8 0 0,0 1.13,-0.68c0.2,-2.34 -0.33,-5.3 -1.57,-8.28" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="M8.35,2.68a10,10 0 0,1 9.98,1.58c0.43,0.35 0.4,0.96 -0.12,1.17c-1.5,0.6 -4.3,0.98 -6.07,1.05" />
    <path
        android:strokeColor="@android:color/black"
        android:strokeLineCap="round"
        android:strokeLineJoin="round"
        android:strokeWidth="2"
        android:pathData="m2,2l20,20" />
</vector>
```

## SVG

Download: `https://composables.com/download/icons/lucide/hop-off.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="M10.82 16.12c1.69.6 3.91.79 5.18.85.28.01.53-.09.7-.27" /><path d="M11.14 20.57c.52.24 2.44 1.12 4.08 1.37.46.06.86-.25.9-.71.12-1.52-.3-3.43-.5-4.28" /><path d="M16.13 21.05c1.65.63 3.68.84 4.87.91a.9.9 0 0 0 .7-.26" /><path d="M17.99 5.52a20.83 20.83 0 0 1 3.15 4.5.8.8 0 0 1-.68 1.13c-1.17.1-2.5.02-3.9-.25" /><path d="M20.57 11.14c.24.52 1.12 2.44 1.37 4.08.04.3-.08.59-.31.75" /><path d="M4.93 4.93a10 10 0 0 0-.67 13.4c.35.43.96.4 1.17-.12.69-1.71 1.07-5.07 1.07-6.71 1.34.45 3.1.9 4.88.62a.85.85 0 0 0 .48-.24" /><path d="M5.52 17.99c1.05.95 2.91 2.42 4.5 3.15a.8.8 0 0 0 1.13-.68c.2-2.34-.33-5.3-1.57-8.28" /><path d="M8.35 2.68a10 10 0 0 1 9.98 1.58c.43.35.4.96-.12 1.17-1.5.6-4.3.98-6.07 1.05" /><path d="m2 2 20 20" /></svg>
```