webhooks logo icon
webhooks-logo-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- webhooks-logo-fill
- Set
- Phosphor
- Style
- Fill
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the webhooks logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m50.15 160l38.92-67.43l-2.24-3.88a48 48 0 1 1 85.05-44.17a8.17 8.17 0 0 1-3.19 10.4a8 8 0 0 1-11.35-3.72a32 32 0 1 0-56.77 29.3a.6.6 0 0 1 .08.13l13.83 23.94a8 8 0 0 1 0 8L77.86 176a16 16 0 0 1-27.71-16m141-40h-12.34l-36.95-64a16 16 0 0 0-27.71 16l34.64 60a8 8 0 0 0 6.92 4h35.63c17.89 0 32.95 14.64 32.66 32.53A32 32 0 0 1 192.31 200a8.23 8.23 0 0 0-8.28 7.33a8 8 0 0 0 8 8.67a48.05 48.05 0 0 0 48-48.93c-.54-26.28-22.55-47.07-48.84-47.07ZM208 167.23c-.4-8.61-7.82-15.23-16.43-15.23h-76.76a8 8 0 0 0-6.93 4l-16.16 28a32 32 0 1 1-53.47-35a8.2 8.2 0 0 0-.92-11a8 8 0 0 0-11.72 1.17A47.63 47.63 0 0 0 16 167.54A48 48 0 0 0 105.55 192l4.62-8H192a16 16 0 0 0 16-16.77"/></svg>
React
import type { SVGProps } from "react";
export function PhWebhooksLogoFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m50.15 160l38.92-67.43l-2.24-3.88a48 48 0 1 1 85.05-44.17a8.17 8.17 0 0 1-3.19 10.4a8 8 0 0 1-11.35-3.72a32 32 0 1 0-56.77 29.3a.6.6 0 0 1 .08.13l13.83 23.94a8 8 0 0 1 0 8L77.86 176a16 16 0 0 1-27.71-16m141-40h-12.34l-36.95-64a16 16 0 0 0-27.71 16l34.64 60a8 8 0 0 0 6.92 4h35.63c17.89 0 32.95 14.64 32.66 32.53A32 32 0 0 1 192.31 200a8.23 8.23 0 0 0-8.28 7.33a8 8 0 0 0 8 8.67a48.05 48.05 0 0 0 48-48.93c-.54-26.28-22.55-47.07-48.84-47.07ZM208 167.23c-.4-8.61-7.82-15.23-16.43-15.23h-76.76a8 8 0 0 0-6.93 4l-16.16 28a32 32 0 1 1-53.47-35a8.2 8.2 0 0 0-.92-11a8 8 0 0 0-11.72 1.17A47.63 47.63 0 0 0 16 167.54A48 48 0 0 0 105.55 192l4.62-8H192a16 16 0 0 0 16-16.77"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m50.15 160l38.92-67.43l-2.24-3.88a48 48 0 1 1 85.05-44.17a8.17 8.17 0 0 1-3.19 10.4a8 8 0 0 1-11.35-3.72a32 32 0 1 0-56.77 29.3a.6.6 0 0 1 .08.13l13.83 23.94a8 8 0 0 1 0 8L77.86 176a16 16 0 0 1-27.71-16m141-40h-12.34l-36.95-64a16 16 0 0 0-27.71 16l34.64 60a8 8 0 0 0 6.92 4h35.63c17.89 0 32.95 14.64 32.66 32.53A32 32 0 0 1 192.31 200a8.23 8.23 0 0 0-8.28 7.33a8 8 0 0 0 8 8.67a48.05 48.05 0 0 0 48-48.93c-.54-26.28-22.55-47.07-48.84-47.07ZM208 167.23c-.4-8.61-7.82-15.23-16.43-15.23h-76.76a8 8 0 0 0-6.93 4l-16.16 28a32 32 0 1 1-53.47-35a8.2 8.2 0 0 0-.92-11a8 8 0 0 0-11.72 1.17A47.63 47.63 0 0 0 16 167.54A48 48 0 0 0 105.55 192l4.62-8H192a16 16 0 0 0 16-16.77"/></svg> </template>
CSS
.icon-webhooks-logo-fill {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m50.15%20160l38.92-67.43l-2.24-3.88a48%2048%200%201%201%2085.05-44.17a8.17%208.17%200%200%201-3.19%2010.4a8%208%200%200%201-11.35-3.72a32%2032%200%201%200-56.77%2029.3a.6.6%200%200%201%20.08.13l13.83%2023.94a8%208%200%200%201%200%208L77.86%20176a16%2016%200%200%201-27.71-16m141-40h-12.34l-36.95-64a16%2016%200%200%200-27.71%2016l34.64%2060a8%208%200%200%200%206.92%204h35.63c17.89%200%2032.95%2014.64%2032.66%2032.53A32%2032%200%200%201%20192.31%20200a8.23%208.23%200%200%200-8.28%207.33a8%208%200%200%200%208%208.67a48.05%2048.05%200%200%200%2048-48.93c-.54-26.28-22.55-47.07-48.84-47.07ZM208%20167.23c-.4-8.61-7.82-15.23-16.43-15.23h-76.76a8%208%200%200%200-6.93%204l-16.16%2028a32%2032%200%201%201-53.47-35a8.2%208.2%200%200%200-.92-11a8%208%200%200%200-11.72%201.17A47.63%2047.63%200%200%200%2016%20167.54A48%2048%200%200%200%20105.55%20192l4.62-8H192a16%2016%200%200%200%2016-16.77%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m50.15%20160l38.92-67.43l-2.24-3.88a48%2048%200%201%201%2085.05-44.17a8.17%208.17%200%200%201-3.19%2010.4a8%208%200%200%201-11.35-3.72a32%2032%200%201%200-56.77%2029.3a.6.6%200%200%201%20.08.13l13.83%2023.94a8%208%200%200%201%200%208L77.86%20176a16%2016%200%200%201-27.71-16m141-40h-12.34l-36.95-64a16%2016%200%200%200-27.71%2016l34.64%2060a8%208%200%200%200%206.92%204h35.63c17.89%200%2032.95%2014.64%2032.66%2032.53A32%2032%200%200%201%20192.31%20200a8.23%208.23%200%200%200-8.28%207.33a8%208%200%200%200%208%208.67a48.05%2048.05%200%200%200%2048-48.93c-.54-26.28-22.55-47.07-48.84-47.07ZM208%20167.23c-.4-8.61-7.82-15.23-16.43-15.23h-76.76a8%208%200%200%200-6.93%204l-16.16%2028a32%2032%200%201%201-53.47-35a8.2%208.2%200%200%200-.92-11a8%208%200%200%200-11.72%201.17A47.63%2047.63%200%200%200%2016%20167.54A48%2048%200%200%200%20105.55%20192l4.62-8H192a16%2016%200%200%200%2016-16.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/webhooks-logo-fill.svg?color=%231a73e8&size=48
