---
title: "API quota animated icon"
description: "API quota animated icon (Models & providers). A request spends one permit from the allowance. Light: the middle permit is drawn out to the right and fades as it goes, and the next permit feeds into the empty slot from the left, landing with a hit and a small rebound. Strong: the permit is gripped (a short pull back) and yanked further out, the next one lands with a hit and a second smaller knock, and the stack above and below gives way and closes up as it seats. At the end the incoming copy hands over to the original on identical pixels."
canonical: https://generativeicons.com/icons/api-quota/
---

# API quota animated icon

A request spends one permit from the allowance. Light: the middle permit is drawn out to the right and fades as it goes, and the next permit feeds into the empty slot from the left, landing with a hit and a small rebound. Strong: the permit is gripped (a short pull back) and yanked further out, the next one lands with a hit and a second smaller knock, and the stack above and below gives way and closes up as it seats. At the end the incoming copy hands over to the original on identical pixels.

- Id: `api-quota`
- Category: Models & providers
- Search terms: allowance, usage limit, credits, api credits, remaining requests, requests left, plan limit, monthly limit, usage cap, entitlement, permits, allotment
- 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/api-quota.lottie (dotLottie, 3512 bytes, sha256 965e3fb90f38e1314f9cba2290b010a23285671dc2f685426b7ede2d6205f3cd)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add api-quota
```

## React

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

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