# webhook Icon

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

## Compose ImageVector (Kotlin)

For Jetpack Compose and Compose Multiplatform. Download: `https://composables.com/download/icons/material-symbols/webhook.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 MaterialSymbolsWebhook: ImageVector
    get() {
        if (_MaterialSymbolsWebhook != null) return _MaterialSymbolsWebhook!!
        
        _MaterialSymbolsWebhook = ImageVector.Builder(
            name = "webhook",
            defaultWidth = 24.dp,
            defaultHeight = 24.dp,
            viewportWidth = 960f,
            viewportHeight = 960f
        ).apply {
            path(
                fill = SolidColor(Color.Black)
            ) {
                moveTo(280f, 840f)
                quadToRelative(-83f, 0f, -141.5f, -58.5f)
                reflectiveQuadTo(80f, 640f)
                quadToRelative(0f, -73f, 45.5f, -127.5f)
                reflectiveQuadTo(240f, 444f)
                verticalLineToRelative(83f)
                quadToRelative(-35f, 12f, -57.5f, 43f)
                reflectiveQuadTo(160f, 640f)
                quadToRelative(0f, 50f, 35f, 85f)
                reflectiveQuadToRelative(85f, 35f)
                quadToRelative(50f, 0f, 85f, -35f)
                reflectiveQuadToRelative(35f, -85f)
                verticalLineToRelative(-40f)
                horizontalLineToRelative(235f)
                quadToRelative(8f, -9f, 19.5f, -14.5f)
                reflectiveQuadTo(680f, 580f)
                quadToRelative(25f, 0f, 42.5f, 17.5f)
                reflectiveQuadTo(740f, 640f)
                quadToRelative(0f, 25f, -17.5f, 42.5f)
                reflectiveQuadTo(680f, 700f)
                quadToRelative(-14f, 0f, -25.5f, -5.5f)
                reflectiveQuadTo(635f, 680f)
                horizontalLineTo(476f)
                quadToRelative(-14f, 69f, -68.5f, 114.5f)
                reflectiveQuadTo(280f, 840f)
                close()
                moveToRelative(400f, 0f)
                quadToRelative(-56f, 0f, -101.5f, -27.5f)
                reflectiveQuadTo(507f, 740f)
                horizontalLineToRelative(107f)
                quadToRelative(14f, 10f, 31f, 15f)
                reflectiveQuadToRelative(35f, 5f)
                quadToRelative(50f, 0f, 85f, -35f)
                reflectiveQuadToRelative(35f, -85f)
                quadToRelative(0f, -50f, -35f, -85f)
                reflectiveQuadToRelative(-85f, -35f)
                quadToRelative(-20f, 0f, -37f, 5.5f)
                reflectiveQuadTo(611f, 542f)
                lineTo(489f, 339f)
                quadToRelative(-21f, -4f, -35f, -20f)
                reflectiveQuadToRelative(-14f, -39f)
                quadToRelative(0f, -25f, 17.5f, -42.5f)
                reflectiveQuadTo(500f, 220f)
                quadToRelative(25f, 0f, 42.5f, 17.5f)
                reflectiveQuadTo(560f, 280f)
                verticalLineToRelative(8.5f)
                quadToRelative(0f, 3.5f, -2f, 8.5f)
                lineToRelative(87f, 146f)
                quadToRelative(8f, -2f, 17f, -2.5f)
                reflectiveQuadToRelative(18f, -0.5f)
                quadToRelative(83f, 0f, 141.5f, 58.5f)
                reflectiveQuadTo(880f, 640f)
                quadToRelative(0f, 83f, -58.5f, 141.5f)
                reflectiveQuadTo(680f, 840f)
                close()
                moveTo(280f, 700f)
                quadToRelative(-25f, 0f, -42.5f, -17.5f)
                reflectiveQuadTo(220f, 640f)
                quadToRelative(0f, -22f, 14f, -38f)
                reflectiveQuadToRelative(34f, -21f)
                lineToRelative(94f, -156f)
                quadToRelative(-29f, -27f, -45.5f, -64.5f)
                reflectiveQuadTo(300f, 280f)
                quadToRelative(0f, -83f, 58.5f, -141.5f)
                reflectiveQuadTo(500f, 80f)
                quadToRelative(83f, 0f, 141.5f, 58.5f)
                reflectiveQuadTo(700f, 280f)
                horizontalLineToRelative(-80f)
                quadToRelative(0f, -50f, -35f, -85f)
                reflectiveQuadToRelative(-85f, -35f)
                quadToRelative(-50f, 0f, -85f, 35f)
                reflectiveQuadToRelative(-35f, 85f)
                quadToRelative(0f, 43f, 26f, 75.5f)
                reflectiveQuadToRelative(66f, 41.5f)
                lineTo(337f, 622f)
                quadToRelative(2f, 5f, 2.5f, 9f)
                reflectiveQuadToRelative(0.5f, 9f)
                quadToRelative(0f, 25f, -17.5f, 42.5f)
                reflectiveQuadTo(280f, 700f)
                close()
            }
        }.build()
        
        return _MaterialSymbolsWebhook!!
    }

private var _MaterialSymbolsWebhook: ImageVector? = null
```

## Android Vector Drawable (XML)

Download: `https://composables.com/download/icons/material-symbols/webhook.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="M280,840q-83,0 -141.5,-58.5T80,640q0,-73 45.5,-127.5T240,444v83q-35,12 -57.5,43T160,640q0,50 35,85t85,35q50,0 85,-35t35,-85v-40h235q8,-9 19.5,-14.5T680,580q25,0 42.5,17.5T740,640q0,25 -17.5,42.5T680,700q-14,0 -25.5,-5.5T635,680H476q-14,69 -68.5,114.5T280,840Zm400,0q-56,0 -101.5,-27.5T507,740h107q14,10 31,15t35,5q50,0 85,-35t35,-85q0,-50 -35,-85t-85,-35q-20,0 -37,5.5T611,542L489,339q-21,-4 -35,-20t-14,-39q0,-25 17.5,-42.5T500,220q25,0 42.5,17.5T560,280v8.5q0,3.5 -2,8.5l87,146q8,-2 17,-2.5t18,-0.5q83,0 141.5,58.5T880,640q0,83 -58.5,141.5T680,840ZM280,700q-25,0 -42.5,-17.5T220,640q0,-22 14,-38t34,-21l94,-156q-29,-27 -45.5,-64.5T300,280q0,-83 58.5,-141.5T500,80q83,0 141.5,58.5T700,280h-80q0,-50 -35,-85t-85,-35q-50,0 -85,35t-35,85q0,43 26,75.5t66,41.5L337,622q2,5 2.5,9t0.5,9q0,25 -17.5,42.5T280,700Z" />
</vector>
```

## SVG

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

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M280-120q-83 0-141.5-58.5T80-320q0-73 45.5-127.5T240-516v83q-35 12-57.5 43T160-320q0 50 35 85t85 35q50 0 85-35t35-85v-40h235q8-9 19.5-14.5T680-380q25 0 42.5 17.5T740-320q0 25-17.5 42.5T680-260q-14 0-25.5-5.5T635-280H476q-14 69-68.5 114.5T280-120Zm400 0q-56 0-101.5-27.5T507-220h107q14 10 31 15t35 5q50 0 85-35t35-85q0-50-35-85t-85-35q-20 0-37 5.5T611-418L489-621q-21-4-35-20t-14-39q0-25 17.5-42.5T500-740q25 0 42.5 17.5T560-680v8.5q0 3.5-2 8.5l87 146q8-2 17-2.5t18-.5q83 0 141.5 58.5T880-320q0 83-58.5 141.5T680-120ZM280-260q-25 0-42.5-17.5T220-320q0-22 14-38t34-21l94-156q-29-27-45.5-64.5T300-680q0-83 58.5-141.5T500-880q83 0 141.5 58.5T700-680h-80q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 43 26 75.5t66 41.5L337-338q2 5 2.5 9t.5 9q0 25-17.5 42.5T280-260Z"/></svg>
```