---
title: "Budget animated icon"
description: "Budget animated icon (Fintech & finance). A share is set aside. Light: the allocation slice tucks back toward the pie, then springs out past its place and settles into its share with a small rebound. Strong: a deeper tuck, a longer spring out that makes the pie recoil, and two settle beats. Both parts stay rigid."
canonical: https://generativeicons.com/icons/budget/
---

# Budget animated icon

A share is set aside. Light: the allocation slice tucks back toward the pie, then springs out past its place and settles into its share with a small rebound. Strong: a deeper tuck, a longer spring out that makes the pie recoil, and two settle beats. Both parts stay rigid.

- Id: `budget`
- Category: Fintech & finance
- Search terms: budgeting, spending plan, allocation, allocate funds, spending, expense tracking, money management, financial planning, cost split, plan expenses
- 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/budget.lottie (dotLottie, 3675 bytes, sha256 657fb16bec465c2ead2b026272f2fc84630b46d2a43f7b8a7f28db561dec7f44)
- License: MIT

## Install

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

## React

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

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