webhook icon

webhook from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: webhook
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: webhook-outline, webhook-outline-sharp, webhook-sharp

1 other variant in Material Symbols Light

The same icon in other sets

webhookCarbon webhookHuge Icons webhookLucide webhookMaterial Symbols webhookMaterial Design Icons webhook-fillMingCute Icon webhook-16Octicons webhook-fillRemix Icon webhookTabler Icons

More actions icons from Material Symbols Light

Use the webhook icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20.5q-1.864 0-3.182-1.318T2.5 16q0-1.479.84-2.63q.839-1.15 2.16-1.597v1.075q-.875.415-1.437 1.267T3.5 16q0 1.442 1.029 2.471T7 19.5t2.471-1.029T10.5 16v-.5h5.394q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.362.36.871t-.36.87q-.36.36-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m10 0q-1.054 0-1.96-.457t-1.576-1.274h1.405q.408.327.967.529q.56.202 1.164.202q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.442 0-.82.099t-.732.278l-2.8-4.671q-.525.073-.952-.279T11.27 7q0-.51.36-.87q.362-.36.871-.36t.87.36t.36.87q0 .183-.057.357t-.165.299l2.367 3.977q.258-.05.53-.092q.274-.041.595-.041q1.864 0 3.182 1.318T21.5 16t-1.318 3.182T17 20.5M7 17.23q-.51 0-.87-.36T5.77 16q0-.512.378-.892q.379-.381.994-.314l2.562-4.265q-.84-.656-1.272-1.574T8 7q0-1.864 1.318-3.182T12.5 2.5t3.182 1.318T17 7h-1q0-1.442-1.029-2.471T12.5 3.5t-2.471 1.029T9 7q0 1.056.554 1.888t1.515 1.306L8.002 15.32q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightWebhook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20.5q-1.864 0-3.182-1.318T2.5 16q0-1.479.84-2.63q.839-1.15 2.16-1.597v1.075q-.875.415-1.437 1.267T3.5 16q0 1.442 1.029 2.471T7 19.5t2.471-1.029T10.5 16v-.5h5.394q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.362.36.871t-.36.87q-.36.36-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m10 0q-1.054 0-1.96-.457t-1.576-1.274h1.405q.408.327.967.529q.56.202 1.164.202q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.442 0-.82.099t-.732.278l-2.8-4.671q-.525.073-.952-.279T11.27 7q0-.51.36-.87q.362-.36.871-.36t.87.36t.36.87q0 .183-.057.357t-.165.299l2.367 3.977q.258-.05.53-.092q.274-.041.595-.041q1.864 0 3.182 1.318T21.5 16t-1.318 3.182T17 20.5M7 17.23q-.51 0-.87-.36T5.77 16q0-.512.378-.892q.379-.381.994-.314l2.562-4.265q-.84-.656-1.272-1.574T8 7q0-1.864 1.318-3.182T12.5 2.5t3.182 1.318T17 7h-1q0-1.442-1.029-2.471T12.5 3.5t-2.471 1.029T9 7q0 1.056.554 1.888t1.515 1.306L8.002 15.32q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20.5q-1.864 0-3.182-1.318T2.5 16q0-1.479.84-2.63q.839-1.15 2.16-1.597v1.075q-.875.415-1.437 1.267T3.5 16q0 1.442 1.029 2.471T7 19.5t2.471-1.029T10.5 16v-.5h5.394q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.362.36.871t-.36.87q-.36.36-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m10 0q-1.054 0-1.96-.457t-1.576-1.274h1.405q.408.327.967.529q.56.202 1.164.202q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.442 0-.82.099t-.732.278l-2.8-4.671q-.525.073-.952-.279T11.27 7q0-.51.36-.87q.362-.36.871-.36t.87.36t.36.87q0 .183-.057.357t-.165.299l2.367 3.977q.258-.05.53-.092q.274-.041.595-.041q1.864 0 3.182 1.318T21.5 16t-1.318 3.182T17 20.5M7 17.23q-.51 0-.87-.36T5.77 16q0-.512.378-.892q.379-.381.994-.314l2.562-4.265q-.84-.656-1.272-1.574T8 7q0-1.864 1.318-3.182T12.5 2.5t3.182 1.318T17 7h-1q0-1.442-1.029-2.471T12.5 3.5t-2.471 1.029T9 7q0 1.056.554 1.888t1.515 1.306L8.002 15.32q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36"/></svg>
</template>

CSS

.icon-webhook {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2020.5q-1.864%200-3.182-1.318T2.5%2016q0-1.479.84-2.63q.839-1.15%202.16-1.597v1.075q-.875.415-1.437%201.267T3.5%2016q0%201.442%201.029%202.471T7%2019.5t2.471-1.029T10.5%2016v-.5h5.394q.142-.321.44-.526q.297-.205.666-.205q.51%200%20.87.36q.36.362.36.871t-.36.87q-.36.36-.87.36q-.388%200-.676-.194q-.288-.196-.43-.536h-4.417q-.235%201.84-1.54%202.92T7%2020.5m10%200q-1.054%200-1.96-.457t-1.576-1.274h1.405q.408.327.967.529q.56.202%201.164.202q1.442%200%202.471-1.029T20.5%2016t-1.029-2.471T17%2012.5q-.442%200-.82.099t-.732.278l-2.8-4.671q-.525.073-.952-.279T11.27%207q0-.51.36-.87q.362-.36.871-.36t.87.36t.36.87q0%20.183-.057.357t-.165.299l2.367%203.977q.258-.05.53-.092q.274-.041.595-.041q1.864%200%203.182%201.318T21.5%2016t-1.318%203.182T17%2020.5M7%2017.23q-.51%200-.87-.36T5.77%2016q0-.512.378-.892q.379-.381.994-.314l2.562-4.265q-.84-.656-1.272-1.574T8%207q0-1.864%201.318-3.182T12.5%202.5t3.182%201.318T17%207h-1q0-1.442-1.029-2.471T12.5%203.5t-2.471%201.029T9%207q0%201.056.554%201.888t1.515%201.306L8.002%2015.32q.108.144.168.321t.06.36q0%20.51-.36.87t-.87.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%2020.5q-1.864%200-3.182-1.318T2.5%2016q0-1.479.84-2.63q.839-1.15%202.16-1.597v1.075q-.875.415-1.437%201.267T3.5%2016q0%201.442%201.029%202.471T7%2019.5t2.471-1.029T10.5%2016v-.5h5.394q.142-.321.44-.526q.297-.205.666-.205q.51%200%20.87.36q.36.362.36.871t-.36.87q-.36.36-.87.36q-.388%200-.676-.194q-.288-.196-.43-.536h-4.417q-.235%201.84-1.54%202.92T7%2020.5m10%200q-1.054%200-1.96-.457t-1.576-1.274h1.405q.408.327.967.529q.56.202%201.164.202q1.442%200%202.471-1.029T20.5%2016t-1.029-2.471T17%2012.5q-.442%200-.82.099t-.732.278l-2.8-4.671q-.525.073-.952-.279T11.27%207q0-.51.36-.87q.362-.36.871-.36t.87.36t.36.87q0%20.183-.057.357t-.165.299l2.367%203.977q.258-.05.53-.092q.274-.041.595-.041q1.864%200%203.182%201.318T21.5%2016t-1.318%203.182T17%2020.5M7%2017.23q-.51%200-.87-.36T5.77%2016q0-.512.378-.892q.379-.381.994-.314l2.562-4.265q-.84-.656-1.272-1.574T8%207q0-1.864%201.318-3.182T12.5%202.5t3.182%201.318T17%207h-1q0-1.442-1.029-2.471T12.5%203.5t-2.471%201.029T9%207q0%201.056.554%201.888t1.515%201.306L8.002%2015.32q.108.144.168.321t.06.36q0%20.51-.36.87t-.87.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/webhook.svg?color=%231a73e8&size=48