---
title: "Bank animated icon"
description: "Bank animated icon (Fintech & finance). The bank opens. Light: the entrance swings open on its left hinge, knocks against its stop, rebounds a little and stays open. Strong: a first tug, then the door is flung open, bounces twice off its stop and stays open. The roof, columns and plinth never move. The reset fades back to the closed door."
canonical: https://generativeicons.com/icons/bank/
---

# Bank animated icon

The bank opens. Light: the entrance swings open on its left hinge, knocks against its stop, rebounds a little and stays open. Strong: a first tug, then the door is flung open, bounces twice off its stop and stays open. The roof, columns and plinth never move. The reset fades back to the closed door.

- Id: `bank`
- Category: Fintech & finance
- Search terms: banking, bank branch, financial institution, credit union, building society, online banking, net banking, lender, bank building
- 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/bank.lottie (dotLottie, 7089 bytes, sha256 6f578ed2882949f16b6f548c686b54eedfd8f1a00c686ae08b3703e2403b7b8f)
- License: MIT

## Install

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

## React

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

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