---
title: "Max tokens animated icon"
description: "Max tokens animated icon (Models & providers). Set a hard output length. Light: the end bracket slams 5 units in toward the output and stops dead at the new limit with a small rebound; the output rows flinch back from it in turn (longest row first) and settle. Strong: the bracket is pulled back first, slams in, rebounds and hits again; the rows flinch harder and twice. The bracket never passes the new limit (no overshoot on the value) and stays there. The reverse: the bracket is pressed in to release, then swings back out to the large limit and lands; the rows breathe out after it."
canonical: https://generativeicons.com/icons/max-tokens/
---

# Max tokens animated icon

Set a hard output length. Light: the end bracket slams 5 units in toward the output and stops dead at the new limit with a small rebound; the output rows flinch back from it in turn (longest row first) and settle. Strong: the bracket is pulled back first, slams in, rebounds and hits again; the rows flinch harder and twice. The bracket never passes the new limit (no overshoot on the value) and stays there. The reverse: the bracket is pressed in to release, then swings back out to the large limit and lands; the rows breathe out after it.

- Id: `max-tokens`
- Category: Models & providers
- Search terms: maxtokens, token limit, output limit, length limit, max length, max output, maximum length, output cap, truncate, limit output
- Two states: large-maximum to small-maximum, 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/max-tokens.lottie (dotLottie, 6310 bytes, sha256 27cdba1f524a244040aa801010d82a2c7181cd44a5d6e23b8c77c26f873f4716)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add max-tokens
```

## React

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

export function MaxTokensIcon() {
  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/max-tokens.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/max-tokens/ · https://generativeicons.com/api/icons/max-tokens