webhook icon
webhook-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- webhook-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- webhook-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
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.246.608-2.268t1.617-1.615q.275-.165.525-.026q.25.14.25.459q0 .121-.064.24q-.065.12-.169.181q-.776.452-1.272 1.258T3.5 16q0 1.442 1.029 2.471T7 19.5q1.404 0 2.414-.961q1.009-.962 1.086-2.347q.02-.31.199-.5q.18-.192.47-.192h4.725q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.361.36.871t-.36.87t-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m0-3.27q-.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.5q1.73 0 2.991 1.14t1.455 2.802q.048.225-.108.392q-.155.166-.386.166q-.171 0-.315-.132t-.185-.309q-.16-1.296-1.136-2.177Q13.838 3.5 12.5 3.5q-1.442 0-2.471 1.029T9 7q0 .883.393 1.618t1.101 1.251q.235.162.303.423q.069.262-.068.485l-2.727 4.542q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36m10 3.27q-.708 0-1.34-.201t-1.195-.591q-.329-.221-.268-.58q.06-.359.474-.359q.106 0 .208.05t.188.106q.402.271.903.423T17 19.5q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.25 0-.475.038t-.45.093q-.285.086-.558-.017t-.41-.32l-2.459-4.088q-.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.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWebhookRounded(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.246.608-2.268t1.617-1.615q.275-.165.525-.026q.25.14.25.459q0 .121-.064.24q-.065.12-.169.181q-.776.452-1.272 1.258T3.5 16q0 1.442 1.029 2.471T7 19.5q1.404 0 2.414-.961q1.009-.962 1.086-2.347q.02-.31.199-.5q.18-.192.47-.192h4.725q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.361.36.871t-.36.87t-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m0-3.27q-.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.5q1.73 0 2.991 1.14t1.455 2.802q.048.225-.108.392q-.155.166-.386.166q-.171 0-.315-.132t-.185-.309q-.16-1.296-1.136-2.177Q13.838 3.5 12.5 3.5q-1.442 0-2.471 1.029T9 7q0 .883.393 1.618t1.101 1.251q.235.162.303.423q.069.262-.068.485l-2.727 4.542q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36m10 3.27q-.708 0-1.34-.201t-1.195-.591q-.329-.221-.268-.58q.06-.359.474-.359q.106 0 .208.05t.188.106q.402.271.903.423T17 19.5q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.25 0-.475.038t-.45.093q-.285.086-.558-.017t-.41-.32l-2.459-4.088q-.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.5"/></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.246.608-2.268t1.617-1.615q.275-.165.525-.026q.25.14.25.459q0 .121-.064.24q-.065.12-.169.181q-.776.452-1.272 1.258T3.5 16q0 1.442 1.029 2.471T7 19.5q1.404 0 2.414-.961q1.009-.962 1.086-2.347q.02-.31.199-.5q.18-.192.47-.192h4.725q.142-.321.44-.526q.297-.205.666-.205q.51 0 .87.36q.36.361.36.871t-.36.87t-.87.36q-.388 0-.676-.194q-.288-.196-.43-.536h-4.417q-.235 1.84-1.54 2.92T7 20.5m0-3.27q-.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.5q1.73 0 2.991 1.14t1.455 2.802q.048.225-.108.392q-.155.166-.386.166q-.171 0-.315-.132t-.185-.309q-.16-1.296-1.136-2.177Q13.838 3.5 12.5 3.5q-1.442 0-2.471 1.029T9 7q0 .883.393 1.618t1.101 1.251q.235.162.303.423q.069.262-.068.485l-2.727 4.542q.108.144.168.321t.06.36q0 .51-.36.87t-.87.36m10 3.27q-.708 0-1.34-.201t-1.195-.591q-.329-.221-.268-.58q.06-.359.474-.359q.106 0 .208.05t.188.106q.402.271.903.423T17 19.5q1.442 0 2.471-1.029T20.5 16t-1.029-2.471T17 12.5q-.25 0-.475.038t-.45.093q-.285.086-.558-.017t-.41-.32l-2.459-4.088q-.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.5"/></svg> </template>
CSS
.icon-webhook-rounded {
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.246.608-2.268t1.617-1.615q.275-.165.525-.026q.25.14.25.459q0%20.121-.064.24q-.065.12-.169.181q-.776.452-1.272%201.258T3.5%2016q0%201.442%201.029%202.471T7%2019.5q1.404%200%202.414-.961q1.009-.962%201.086-2.347q.02-.31.199-.5q.18-.192.47-.192h4.725q.142-.321.44-.526q.297-.205.666-.205q.51%200%20.87.36q.36.361.36.871t-.36.87t-.87.36q-.388%200-.676-.194q-.288-.196-.43-.536h-4.417q-.235%201.84-1.54%202.92T7%2020.5m0-3.27q-.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.5q1.73%200%202.991%201.14t1.455%202.802q.048.225-.108.392q-.155.166-.386.166q-.171%200-.315-.132t-.185-.309q-.16-1.296-1.136-2.177Q13.838%203.5%2012.5%203.5q-1.442%200-2.471%201.029T9%207q0%20.883.393%201.618t1.101%201.251q.235.162.303.423q.069.262-.068.485l-2.727%204.542q.108.144.168.321t.06.36q0%20.51-.36.87t-.87.36m10%203.27q-.708%200-1.34-.201t-1.195-.591q-.329-.221-.268-.58q.06-.359.474-.359q.106%200%20.208.05t.188.106q.402.271.903.423T17%2019.5q1.442%200%202.471-1.029T20.5%2016t-1.029-2.471T17%2012.5q-.25%200-.475.038t-.45.093q-.285.086-.558-.017t-.41-.32l-2.459-4.088q-.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.5%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.246.608-2.268t1.617-1.615q.275-.165.525-.026q.25.14.25.459q0%20.121-.064.24q-.065.12-.169.181q-.776.452-1.272%201.258T3.5%2016q0%201.442%201.029%202.471T7%2019.5q1.404%200%202.414-.961q1.009-.962%201.086-2.347q.02-.31.199-.5q.18-.192.47-.192h4.725q.142-.321.44-.526q.297-.205.666-.205q.51%200%20.87.36q.36.361.36.871t-.36.87t-.87.36q-.388%200-.676-.194q-.288-.196-.43-.536h-4.417q-.235%201.84-1.54%202.92T7%2020.5m0-3.27q-.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.5q1.73%200%202.991%201.14t1.455%202.802q.048.225-.108.392q-.155.166-.386.166q-.171%200-.315-.132t-.185-.309q-.16-1.296-1.136-2.177Q13.838%203.5%2012.5%203.5q-1.442%200-2.471%201.029T9%207q0%20.883.393%201.618t1.101%201.251q.235.162.303.423q.069.262-.068.485l-2.727%204.542q.108.144.168.321t.06.36q0%20.51-.36.87t-.87.36m10%203.27q-.708%200-1.34-.201t-1.195-.591q-.329-.221-.268-.58q.06-.359.474-.359q.106%200%20.208.05t.188.106q.402.271.903.423T17%2019.5q1.442%200%202.471-1.029T20.5%2016t-1.029-2.471T17%2012.5q-.25%200-.475.038t-.45.093q-.285.086-.558-.017t-.41-.32l-2.459-4.088q-.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.5%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-rounded.svg?color=%231a73e8&size=48
