---
title: "Cooking pot animated icon"
description: "Cooking pot animated icon (Food & Drink). The pot comes to the boil. Light: steam puffs out from under the lid on both sides and pushes it up, the lid pops 1.8 and tips, then drops back with a clatter and one small bounce. Strong: the lid pops higher and tips further, lands hard, rattles up once more on the other side and lands again; steam puffs out twice, the second time smaller. The pot never moves."
canonical: https://generativeicons.com/icons/cooking-pot/
---

# Cooking pot animated icon

The pot comes to the boil. Light: steam puffs out from under the lid on both sides and pushes it up, the lid pops 1.8 and tips, then drops back with a clatter and one small bounce. Strong: the lid pops higher and tips further, lands hard, rattles up once more on the other side and lands again; steam puffs out twice, the second time smaller. The pot never moves.

- Id: `cooking-pot`
- Category: Food & Drink
- Search terms: saucepan, stockpot, casserole, dutch oven, soup, stew, boil, boiling, simmer, cookware, kitchen, steam, meal prep
- 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/cooking-pot.lottie (dotLottie, 4714 bytes, sha256 5293fded030b620ef65c3f8426d98330c3f54347c8bbfa1e42bb45e2a2232b74)
- License: MIT

## Install

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

## React

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

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