Isometric Finance

The pieces are Coin stack, Banknote, Wallet, Credit card, Piggy bank, Bank, Calculator, Receipt, Price tag, Upward chart, Downward chart, Pie chart, Bar chart, Safe, Briefcase and Handshake. Saving, spending and analyzing are covered, and the paired Upward and Downward charts let a budgeting report show both good and bad months.

Each file is a transparent PNG with a lossless WebP file, 201 to 289 px wide and 195 to 274 px tall at its range, so the chart models line up well in a dashboard row.

Where this set fits

• Empty-state illustration in a budgeting app
• Savings goal explainer in a banking onboarding flow
• Quarterly results slide with chart and coin motifs
• Tax season reminder email header

Integrate with one image and shared CSS

Includes a WebP sprite at 128px display size, shared animation styles, a React component and original files. The sprite renders the collection with one image request. Use individual WebP files when you need native resolution.

<link rel="stylesheet" href="./assets.css">
<span class="cc-asset cc-coin-stack-isometric-finance cc-float" role="img" aria-label="Coin stack"></span>

cc-float · cc-pulse · cc-pop · cc-swing · cc-spin. Respects reduced motion and needs no animation library.