---
title: "Team workload animated icon"
description: "Team workload animated icon (Teamwork). Work moves off the overloaded member onto the lightest. Light: the end of the top bar breaks off as the bar shortens, drops past the middle bar to the bottom row with a hit, slides in against the bottom bar, and the bottom bar grows to take it. Strong: the piece drops faster and bounces on landing, slides in harder, the bottom member dips as the load arrives and the top member lifts, relieved. Bar lengths only ever shrink or grow, with no overshoot. Ends with the rebalanced bars, as in v1; the preview reset fades them back."
canonical: https://generativeicons.com/icons/team-workload/
---

# Team workload animated icon

Work moves off the overloaded member onto the lightest. Light: the end of the top bar breaks off as the bar shortens, drops past the middle bar to the bottom row with a hit, slides in against the bottom bar, and the bottom bar grows to take it. Strong: the piece drops faster and bounces on landing, slides in harder, the bottom member dips as the load arrives and the top member lifts, relieved. Bar lengths only ever shrink or grow, with no overshoot. Ends with the rebalanced bars, as in v1; the preview reset fades them back.

- Id: `team-workload`
- Category: Teamwork
- Search terms: capacity, resource allocation, resource planning, utilization, bandwidth, overloaded, overload, rebalance, balance work, distribute work, busy
- 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/team-workload.lottie (dotLottie, 7441 bytes, sha256 3f8dedef4aaebaba401175171478f8b94fbc19ecb443be7988dab9236980c1e3)
- License: MIT

## Install

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

## React

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

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