---
title: "Response time animated icon"
description: "Response time animated icon (Get help). The wait for a reply is timed: a round chat bubble with clock hands. Light: the minute hand sweeps one full turn at a steady pace and stops dead on the hour, and the bubble hops as the reply lands, then settles. Strong: the hand winds back first, sweeps round faster and stops dead, and the bubble hops higher and lands with two bounces."
canonical: https://generativeicons.com/icons/response-time/
---

# Response time animated icon

The wait for a reply is timed: a round chat bubble with clock hands. Light: the minute hand sweeps one full turn at a steady pace and stops dead on the hour, and the bubble hops as the reply lands, then settles. Strong: the hand winds back first, sweeps round faster and stops dead, and the bubble hops higher and lands with two bounces.

- Id: `response-time`
- Category: Get help
- Search terms: reply time, wait time, waiting time, sla, turnaround time, time to reply, reply speed, first reply, average reply, usually replies
- One action, back to rest
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/response-time.lottie (dotLottie, 3602 bytes, sha256 21a243a89cb373e29fb117ba40771d67b69d5cd1648bfd0d2cba38c658257a3b)
- License: MIT

## Install

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

## React

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

export function ResponseTimeIcon() {
  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/response-time.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.com/icons/response-time/ · https://generativeicons.com/api/icons/response-time