---
title: "Spell check animated icon"
description: "Spell check animated icon (Text & document editing). The misspelling underline is inspected and the correction accepted: the squiggle flattens into a plain underline and a check draws beside it. Light: quiet flatten then check. Strong: the squiggle tenses higher, snaps flat, and the check is struck in one stroke."
canonical: https://generativeicons.com/icons/spell-check/
---

# Spell check animated icon

The misspelling underline is inspected and the correction accepted: the squiggle flattens into a plain underline and a check draws beside it. Light: quiet flatten then check. Strong: the squiggle tenses higher, snaps flat, and the check is struck in one stroke.

- Id: `spell-check`
- Category: Text & document editing
- Search terms: spelling, spellcheck, spell checker, grammar, typo, proofread, proofing, autocorrect, misspelling, correct spelling
- 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.com/assets/spell-check.lottie (dotLottie, 8414 bytes, sha256 2b65df1d03f895d1978df4df068a0f784a22033aca92f04f7fae033d7196825c)
- License: MIT

## Install

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

## React

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

export function SpellCheckIcon() {
  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/spell-check.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/spell-check/ · https://generativeicons.com/api/icons/spell-check