---
title: "Help article animated icon"
description: "Help article animated icon (Get help). A help article is pulled up to answer a question: a page with a folded corner and a question mark. Light: the page lifts as it is opened, the question mark writes itself on across it, and the page lands with a hit and one small bounce. Strong: the page lifts higher with a slight tilt, the question writes on faster, and the page lands harder and bounces twice."
canonical: https://generativeicons.com/icons/help-article/
---

# Help article animated icon

A help article is pulled up to answer a question: a page with a folded corner and a question mark. Light: the page lifts as it is opened, the question mark writes itself on across it, and the page lands with a hit and one small bounce. Strong: the page lifts higher with a slight tilt, the question writes on faster, and the page lands harder and bounces twice.

- Id: `help-article`
- Category: Get help
- Search terms: kb article, support article, help doc, help docs, help page, user guide, how-to guide, tutorial, instructions, support doc
- 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/help-article.lottie (dotLottie, 4724 bytes, sha256 78bd5ef5343b6ec2592eca0ba6e22ae43444f04094d0aa3bce8cc3d1374d6725)
- License: MIT

## Install

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

## React

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

export function HelpArticleIcon() {
  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/help-article.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/help-article/ · https://generativeicons.com/api/icons/help-article