---
title: "Inventory animated icon"
description: "Inventory animated icon (Commerce & delivery). A parcel is put away onto the next stack. Light: the top parcel hops across in one arc and lands square on the right-hand box with a hit; the box under it takes the weight, dips with it and springs back, and the left box lifts a little as it is unloaded. Strong: the parcel crouches into the left box, is tossed higher with a tilt, slaps down flat, and the right stack takes a deeper dip that rebounds twice. Every box stays rigid; the parcel holds in the right column. The reverse hops it back and the left box takes the landing."
canonical: https://generativeicons.com/icons/inventory/
---

# Inventory animated icon

A parcel is put away onto the next stack. Light: the top parcel hops across in one arc and lands square on the right-hand box with a hit; the box under it takes the weight, dips with it and springs back, and the left box lifts a little as it is unloaded. Strong: the parcel crouches into the left box, is tossed higher with a tilt, slaps down flat, and the right stack takes a deeper dip that rebounds twice. Every box stays rigid; the parcel holds in the right column. The reverse hops it back and the left box takes the landing.

- Id: `inventory`
- Category: Commerce & delivery
- Search terms: stock, stock levels, in stock, restock, stacked boxes, stockpile, goods, supplies, stock count, stocktake, put away, stock management
- Two states: left-column to right-column, 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/inventory.lottie (dotLottie, 6609 bytes, sha256 b6eda2c9311033613aff6d27af9fe94c793336c71d7c6bcda750d2e5128626ab)
- License: MIT

## Install

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

## React

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

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