# drag_click Icon

> The drag_click 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/drag_click.md?v=outlined), [Rounded](https://composables.com/icons/icon-libraries/material-symbols/drag_click.md?v=rounded), [Sharp](https://composables.com/icons/icon-libraries/material-symbols/drag_click.md?v=sharp), [Outlined Filled](https://composables.com/icons/icon-libraries/material-symbols/drag_click.md?v=outlined-filled), [Rounded Filled](https://composables.com/icons/icon-libraries/material-symbols/drag_click.md?v=rounded-filled), [Sharp Filled](https://composables.com/icons/icon-libraries/material-symbols/drag_click.md?v=sharp-filled)

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/drag_click.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 MaterialSymbolsDragClick: ImageVector
    get() {
        if (_MaterialSymbolsDragClick != null) return _MaterialSymbolsDragClick!!
        
        _MaterialSymbolsDragClick = ImageVector.Builder(
            name = "drag_click",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(480f, 720f)
                quadToRelative(-97f, 0f, -166f, -66f)
                reflectiveQuadToRelative(-74f, -162f)
                lineToRelative(84f, 25f)
                quadToRelative(13f, 54f, 56f, 88.5f)
                reflectiveQuadTo(480f, 640f)
                quadToRelative(66f, 0f, 113f, -47f)
                reflectiveQuadToRelative(47f, -113f)
                quadToRelative(0f, -57f, -34.5f, -100f)
                reflectiveQuadTo(517f, 324f)
                lineToRelative(-25f, -84f)
                quadToRelative(96f, 5f, 162f, 74f)
                reflectiveQuadToRelative(66f, 166f)
                quadToRelative(0f, 100f, -70f, 170f)
                reflectiveQuadToRelative(-170f, 70f)
                close()
                moveToRelative(0f, 160f)
                quadToRelative(-83f, 0f, -156f, -31.5f)
                reflectiveQuadTo(197f, 763f)
                quadToRelative(-54f, -54f, -85.5f, -127f)
                reflectiveQuadTo(80f, 480f)
                verticalLineToRelative(-18f)
                quadToRelative(0f, -9f, 2f, -18f)
                lineToRelative(78f, 24f)
                verticalLineToRelative(12f)
                quadToRelative(0f, 134f, 93f, 227f)
                reflectiveQuadToRelative(227f, 93f)
                quadToRelative(134f, 0f, 227f, -93f)
                reflectiveQuadToRelative(93f, -227f)
                quadToRelative(0f, -134f, -93f, -227f)
                reflectiveQuadToRelative(-227f, -93f)
                horizontalLineToRelative(-12f)
                lineToRelative(-24f, -78f)
                quadToRelative(9f, -2f, 18f, -2f)
                horizontalLineToRelative(18f)
                quadToRelative(83f, 0f, 156f, 31.5f)
                reflectiveQuadTo(763f, 197f)
                quadToRelative(54f, 54f, 85.5f, 127f)
                reflectiveQuadTo(880f, 480f)
                quadToRelative(0f, 83f, -31.5f, 156f)
                reflectiveQuadTo(763f, 763f)
                quadToRelative(-54f, 54f, -127f, 85.5f)
                reflectiveQuadTo(480f, 880f)
                close()
                moveToRelative(-59f, -380f)
                lineTo(250f, 329f)
                lineToRelative(-50f, 151f)
                lineTo(80f, 80f)
                lineToRelative(400f, 120f)
                lineToRelative(-151f, 50f)
                lineToRelative(171f, 171f)
                lineToRelative(-79f, 79f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsDragClick!!
    }

private var _MaterialSymbolsDragClick: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/drag_click.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="M480,720q-97,0 -166,-66t-74,-162l84,25q13,54 56,88.5T480,640q66,0 113,-47t47,-113q0,-57 -34.5,-100T517,324l-25,-84q96,5 162,74t66,166q0,100 -70,170t-170,70Zm0,160q-83,0 -156,-31.5T197,763q-54,-54 -85.5,-127T80,480v-18q0,-9 2,-18l78,24v12q0,134 93,227t227,93q134,0 227,-93t93,-227q0,-134 -93,-227t-227,-93h-12l-24,-78q9,-2 18,-2h18q83,0 156,31.5T763,197q54,54 85.5,127T880,480q0,83 -31.5,156T763,763q-54,54 -127,85.5T480,880Zm-59,-380L250,329l-50,151L80,80l400,120l-151,50l171,171l-79,79Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M480-240q-97 0-166-66t-74-162l84 25q13 54 56 88.5T480-320q66 0 113-47t47-113q0-57-34.5-100T517-636l-25-84q96 5 162 74t66 166q0 100-70 170t-170 70Zm0 160q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480v-18q0-9 2-18l78 24v12q0 134 93 227t227 93q134 0 227-93t93-227q0-134-93-227t-227-93h-12l-24-78q9-2 18-2h18q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-59-380L250-631l-50 151L80-880l400 120-151 50 171 171-79 79Z"/></svg>
```