---
title: "Language detection animated icon"
description: "Language detection animated icon (Voice agents). The detector samples the utterance and recognises its language. Light: the detector sweeps ten units along the sampling rail; as it reaches the end, the language glyph is identified and pops (it swells with its crossbar, snaps back and settles), and the detector glides home. Strong: the detector draws back before a faster sweep, and the glyph pops harder with a second, smaller swing. The speech card never moves."
canonical: https://generativeicons.com/icons/language-detection/
---

# Language detection animated icon

The detector samples the utterance and recognises its language. Light: the detector sweeps ten units along the sampling rail; as it reaches the end, the language glyph is identified and pops (it swells with its crossbar, snaps back and settles), and the detector glides home. Strong: the detector draws back before a faster sweep, and the glyph pops harder with a second, smaller swing. The speech card never moves.

- Id: `language-detection`
- Category: Voice agents
- Search terms: language id, language identification, identify language, recognize language, recognise language, auto-detect, spoken language, which language, lang id
- 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/language-detection.lottie (dotLottie, 3899 bytes, sha256 3b5248baa4345532cd5dc8572b9203882e1f036bcc2c6b297be855425fa64ded)
- License: MIT

## Install

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

## React

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

export function LanguageDetectionIcon() {
  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/language-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/language-detection/ · https://generativeicons.com/api/icons/language-detection