---
title: "Webhook animated icon"
description: "Webhook animated icon (Developer & version control). An event payload leaves the source node, runs the hooked callback route and is caught at the hook tip. Strong cocks the hook back, fires the payload fast and the hook swings once on catch."
canonical: https://generativeicons.lottiefiles.com/icons/webhook/
---

# Webhook animated icon

An event payload leaves the source node, runs the hooked callback route and is caught at the hook tip. Strong cocks the hook back, fires the payload fast and the hook swings once on catch.

- Id: `webhook`
- Category: Developer & version control
- Search terms: web hook, callback url, http callback, api callback, event payload, event delivery, push event, listener, integration, notify url
- Two states: prepared to result, played forward and back
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.lottiefiles.com/assets/webhook.lottie (dotLottie, 8170 bytes, sha256 1cc7ec3d311d4c54e1ae7b475608618d5b0320dd4822cf2df206614c5af95773)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add webhook
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/webhook.mjs';

export function WebhookIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/webhook.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.lottiefiles.com/icons/webhook/ · https://generativeicons.lottiefiles.com/api/icons/webhook