---
title: "End of turn detection animated icon"
description: "End of turn detection animated icon (Voice agents). A trailing utterance reaches its end boundary. The final syllable contracts while the end gate closes. Light settles over 0.78 s; Strong briefly gathers the syllable and closes the gate decisively. Reverse opens a new turn."
canonical: https://generativeicons.com/icons/end-of-turn-detection/
---

# End of turn detection animated icon

A trailing utterance reaches its end boundary. The final syllable contracts while the end gate closes. Light settles over 0.78 s; Strong briefly gathers the syllable and closes the gate decisively. Reverse opens a new turn.

- Id: `end-of-turn-detection`
- Category: Voice agents
- Search terms: eot, endpointing, endpoint detection, end of speech, speech end, utterance end, end of utterance, finished speaking, done talking, pause detection, turn complete
- Two states: Utterance open to Turn ended, 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.com/assets/end-of-turn-detection.lottie (dotLottie, 12362 bytes, sha256 91e1d24bfce768f40111ca084b87aa377b86b01b823c0a2a7bc8996778202470)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add end-of-turn-detection
```

## React

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

export function EndOfTurnDetectionIcon() {
  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/end-of-turn-detection.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/end-of-turn-detection/ · https://generativeicons.com/api/icons/end-of-turn-detection