Smart Dashboard
AI Financial Advisor
Get fast recommendations for investments, SIP planning, tax savings and portfolio health in one place.
Total Portfolio
₹18.4L
▲ +12.4% growth
Monthly Income
₹1.24L
▲ +3.1%
Tax Saved
₹62.5K
▲ Saved this year
Expenses
₹41.2K
▼ -5.2%
we are fixing a ui issue in various files by replacing emojis with icons from
That's a good approach. Instead of emojis like 🔥, ⭐, 🛒, ❤️, etc., use Font Awesome icons.
First, include the CDN in your index.html:
Then replace emojis with their Font Awesome equivalents.
Examples:
Emoji Font Awesome
🔥
⭐
❤️
🛒
👤
📦
💰
🎁
🚚
📞
📧
🔍
⚙️
🏠
➜
Example:
// Before
// After
// Before
keep all the code untouched and just replace the emojis with corrosponding icons
Just replace the emoji inside each with the corresponding Font Awesome icon. Everything else remains unchanged.
Dashboard
Learn & Earn
Milestones
AI Chat
Money Score
SIP Calc
Goal Planner
Stock Check
Tax Planner
Insurance Plan
PDF Parser
Multi Agent
Expense Track
Group Expenses
Net Worth
Portfolio
Crypto & DeFi
Financial Goals
Risk Advisor
Smart Budget
Recurring Expenses
Recurring Incomes
Loan Planner
Note: Since this is an HTML/Jinja template (not React), use class, not className.
brain, rocket , planning, ai agent
Here are the corresponding Font Awesome icons:
For AI Agent, any of these work well depending on the meaning:
Recommended choices:
🧠 Brain →
🚀 Rocket →
📅 Planning →
🤖 AI Agent →
arrow pointing left , danger
Here are the Font Awesome icons:
Other left arrow options:
For Danger / Warning:
Other options:
Most commonly used:
Left Arrow →
Danger →
bank, link, sync, connect, anomolies
Here are good Font Awesome icons for each:
Other good alternatives:
Purpose Recommended Alternatives
Bank fa-building-columns fa-landmark, fa-building
Link fa-link fa-paperclip, fa-share-nodes
Sync fa-rotate fa-arrows-rotate, fa-rotate-right
Connect fa-plug fa-network-wired, fa-diagram-project, fa-circle-nodes
Anomalies fa-triangle-exclamation fa-circle-exclamation, fa-bug, fa-magnifying-glass-chart
For a finance/dashboard UI, I'd recommend:
budget
For Budget, these are the best Font Awesome icons:
Other good options:
Recommended for a Budget page:
ai chat
For an AI Chat page, these are the best Font Awesome icons:
Other good alternatives:
Best choice for an AI assistant:
welcome icon
For a Welcome section, these are great Font Awesome icons:
Other good options:
Best choices:
👋 Welcome greeting →
🤝 Professional welcome →
✨ Modern welcome →
portfolio, strategy, investment, emerguncy
Here are good Font Awesome icons for each:
Other good alternatives:
Purpose Recommended Alternatives
Portfolio fa-briefcase fa-folder-open, fa-chart-pie
Strategy fa-chess fa-chess-king, fa-bullseye, fa-lightbulb
Investment fa-chart-line fa-sack-dollar, fa-coins, fa-arrow-trend-up
Emergency fa-triangle-exclamation fa-circle-exclamation, fa-kit-medical, fa-bell
Recommended set:
couple, networth, activity, goal, expenses, budget, optimization, home, plane, wedding, car, education, savings, goals,send, correct mark, cross mark, split
Better alternatives for a finance app:
Activity → fa-chart-simple
Optimization → fa-chart-line or fa-gears
Split (expense splitting) → fa-scale-balanced
Net Worth → fa-coins or fa-sack-dollar
Expenses → fa-money-bill-wave or fa-receipt
partner
For Partner, these are the best Font Awesome icons:
Other good options:
Recommended based on context:
Business partner →
Expense-sharing partner / Couple →
Spouse →
crypto , lighting
For Crypto and Lightning, use these Font Awesome icons:
Other good crypto alternatives:
Recommended:
Crypto →
Lightning → ⚡
dashboard, save, reset, export , import
Here are the recommended Font Awesome icons:
Other good alternatives:
Purpose Recommended Alternatives
Dashboard fa-gauge-high fa-table-columns, fa-chart-pie
Save fa-floppy-disk fa-download, fa-bookmark
Reset fa-rotate-left fa-arrow-rotate-left, fa-rotate
Export fa-file-export fa-arrow-up-from-bracket, fa-share-from-square
Import fa-file-import fa-arrow-down-to-bracket, fa-upload
For a modern dashboard UI, I'd use:
bulb ,chat, money, risk, send, SIP, tax insights, time, trophy,analysis, correct mark,
Other good alternatives:
Chat → fa-comment-dots, fa-message
Money → fa-sack-dollar, fa-wallet, fa-coins
Risk → fa-shield-halved, fa-circle-exclamation
Analysis → fa-magnifying-glass-chart, fa-chart-column
Tax Insights → fa-receipt, fa-scale-balanced
Time → fa-hourglass-half, fa-stopwatch
document, upload, file, data, text, transaction, track, info, processing, cross , corret mark, search
Recommended alternatives:
Document → fa-file-pdf, fa-file-contract
Upload → fa-arrow-up-from-bracket
Data → fa-server, fa-table
Transaction → fa-arrow-right-arrow-left, fa-money-check-dollar
Track → fa-route, fa-chart-line
Processing → fa-gear, fa-arrows-rotate
Search → fa-magnifying-glass-chart (for analytics/searching data)
Pasted code(3).html
File
only replace emojis with icon and dont touch anything else
In this file, only these emojis need to be replaced.
🔥 Hot Deals
// AfterHot Deals
If you're using React, remember to use className instead of class. we have base file btw and other content extends from this block so do we need to use this icon link in base file only Yes. If all your pages extend from a common base/layout file, include the Font Awesome only once in that base file (or in index.html if it's a React app). For example: ... Then every component/page can use icons like: There's no need to add the CDN link to every individual component or page. Loading it once globally is the correct approach. give me icon for trophy and light mode // Trophy // Light Mode (Sun) Other good light mode alternatives: // Sun with rays (recommended) // Brightness // Circle half (theme toggle) For a dark/light mode toggle, the most common pair is: // Light Mode // Dark Mode home, learn, milestone, ai chat Here are good Font Awesome icons for each: // Home // Learn // Milestone // AI Chat Other good alternatives: Section Recommended Alternatives Home fa-house fa-home (older) Learn fa-book-open fa-graduation-cap, fa-book, fa-school Milestone fa-trophy fa-medal, fa-award, fa-flag-checkered AI Chat fa-robot fa-comments, fa-comment-dots, fa-brain, fa-message For an educational AI app, I'd recommend: // Home // Learn // Milestones // AI Chat These are clean, modern, and commonly used. Dashboard Learn & Earn Milestones AI Chat 💰 Money Score 📈 SIP Calc 🎯 Goal Planner 📊 Stock Check 💸 Tax Planner 🛡️ Insurance Plan 📄 PDF Parser 🧠 Multi Agent 💲Expense Track 👥Group Expenses 💎 Net Worth 💼 Portfolio 🪙 Crypto & DeFi 🎯 Financial Goals 📋 Risk Advisor 📊 Smart Budget 📅 Recurring Expenses 💵 Recurring Incomes 💰 Loan Planner
Expense Track & Insights
// Delete button
// Voice button while listening
voiceBtn.innerHTML = '';
// Transcript placeholder
amountInput.placeholder = ` "${transcript}"`;
⚠️ Don't replace this one:
amountInput.placeholder = '✅ Voice input processed!';
placeholder displays plain text, not HTML. If you replace it with , the user will literally see the HTML string instead of an icon. Keep the check mark there or change it to plain text like:
amountInput.placeholder = 'Voice input processed!';
Similarly, avoid replacing any emojis used inside JavaScript string placeholders or alerts, since HTML icons won't render there.
fianance, total, net worth, budget, category, list, bulb, analytics,
Good alternatives:
Finance → fa-coins, fa-sack-dollar
Total → fa-square-poll-horizontal, fa-sigma
Net Worth → fa-coins, fa-sack-dollar
Budget → fa-piggy-bank
Category → fa-folder, fa-layer-group
List → fa-list-check, fa-table-list
Analytics → fa-chart-line, fa-chart-column, fa-magnifying-glass-chart
speak, mic, transcript, result, bulb,globe, cross, correct mark, chat
Better alternatives:
Speak → fa-volume-high, fa-volume-up
Transcript → fa-scroll, fa-file-alt
Result → fa-chart-line, fa-check-to-slot
Chat → fa-comment-dots, fa-message
plan, bulb, lghtbolt, settings, risk
Other good alternatives:
Plan → fa-list-check, fa-clipboard-list, fa-route
Settings → fa-gears, fa-sliders
Risk → fa-shield-halved, fa-circle-exclamation
automatic, summary, calculation, generate, detect,bulb,doc,status, correct mark, download, cross
Good alternatives:
Automatic → fa-robot, fa-bolt
Generate → fa-wand-magic-sparkles, fa-play
Detect → fa-binoculars, fa-magnifying-glass-chart
Status → fa-signal, fa-circle-check (success), fa-circle-exclamation (warning)
search
Other good alternatives:
link
Other good alternatives:
Recommended:
bell, processing, check mark
Alternatives:
Processing → ,
Check Mark → ,
calculator, download, bulb,step up,
Good alternatives for "Step Up":
For a progress/upgrade feature, fa-arrow-trend-up is usually the best choice.
settings, email, report, total, networth, budget, rank, bulb
Good alternatives:
Report → fa-file-chart-column, fa-chart-pie
Total → fa-square-poll-horizontal, fa-sigma
Net Worth → fa-sack-dollar, fa-coins
Budget → fa-piggy-bank
Rank → fa-trophy, fa-medal, fa-award
lock, shield, authentication, fingerprint, face, device, backup, reset, security
Good alternatives:
Authentication → fa-key, fa-id-card
Face ID → fa-user-check, fa-camera
Device → fa-laptop, fa-desktop, fa-tablet-screen-button
Backup → fa-hard-drive, fa-database
Security → fa-lock, fa-shield-virus, fa-user-shield
download
Other good alternatives:
Recommended:
profile,
Other good alternatives:
Recommended:
growth, bulb, pin
Other good alternatives:
Growth → ,
Pin → ,
expenses, scisor, search, pencil, list
Good alternatives:
Expenses → ,
Pencil → ,
List → ,
income,
Other good alternatives:
Recommended:
automate, portfolio, target, corrent alloacation, signal, rebalance, tax loss
Good alternatives:
Automate → ,
Signal → ,
Rebalance → ,
Tax Loss → ,
ratio, form, search, liquidity, solvecy ratio. bolt,profit, peers, bulb
Good alternatives:
Ratio → ,
Liquidity → ,
Solvency Ratio →
Profit → ,
Peers →
brain, upload, delete, chat, doc,
Alternatives:
Delete →
Chat → ,
Document → ,
brain, rocket, cash, cross, balance , summary, alert, analysis, bulb, anomoly
Good alternatives:
Cash → ,
Summary →
Analysis → ,
Anomaly → ,
portfolio, time,
Alternatives:
Portfolio → ,
Time → , ,
pdf,
Other alternatives:
Recommended:
optimize, portfolio, test, efficient, sugesstions, correlation matrix,
Good alternatives:
Optimize → ,
Test →
Efficient → ,
Suggestions →
Correlation Matrix → ,
notification, check mark, refresh, high ,medium, low,notifiation box,
Better alternatives:
High →
Medium →
Low →
Notification Box → , ,
diamond,
Other alternatives:
Recommended:
brain, ai agent, chat, respose, bulb,
Good alternatives:
AI Agent → ,
Chat →
Response → ,
rocket
Alternatives:
Recommended:
cash, portfolio, debt, shield, planning
Good alternatives:
Cash → ,
Debt → ,
Planning → ,
milestone,
Other good alternatives:
Recommended:
loan,
Other good alternatives:
Recommended:
bank, check mark, account, transfer, bolt, deposit, withdraw, search, history
Good alternatives:
Account →
Deposit →
Withdraw →
History → ,
trophy, tutorial, quizz, challenge, celibrate
Good alternatives:
Tutorial → ,
Quiz → ,
Challenge → ,
Celebrate → , ,
shield, search, idea, breif case, health, poliesy,
Good alternatives:
Health → ,
Policy → ,
Idea →
Core AI Agents
Financial Planning Agent
Tax Optimization Agent
Investment Advisor Agent
Insurance Advisor Agent
Portfolio Allocation
Equity (40%)
ELSS (27%)
Debt (18%)
Insurance (15%)
SIP Quick Calc
Estimated Corpus
₹23.2L
Tax Insights
80C Used₹1.2L / ₹1.5L 80%
Health Insurance₹18K / ₹25K
HRA Benefit₹60K / ₹72K
Save ₹38,500 more via NPS + ELSS contributions
Compliance
✔ OK Data Encryption
✔ OK Audit Logs
⚠ Pending Regulatory Check
✔ OK KYC Verified
AI Chat
Money Score
Enter your financial details
Financial Health Breakdown
SIP Calculator
SIP Projection
Wealth Growth Curve
Stock Checker
Live Stock Price (NSE/Global)
30-Day Historical Trend
Tax Planner
Income Tax Calculator (New Regime)
PDF Parser
Upload Financial Document
Multi Agent
AI Multi-Agent Financial Analysis
Financial Planning Agent
Tax Optimization Agent
Investment Advisor Agent
Insurance Advisor Agent
Expense Track and Insights
💲 Expense Track and Insights
Total Spend
Average Expense
Expense History
| Date | Category | Merchant | Amount |
|---|---|---|---|
| Date | Category | Merchant | Amount |
...
AI-Money Mentor's Insights
Net Worth Tracker
Total Assets
₹0
Total Liabilities
₹0
Current Net Worth
₹0
Assets (What you own)
| Asset | Value | Action |
|---|---|---|
| No assets added yet | ||
| No liabilities added yet | ||
Liabilities (What you owe)
| Liability | Amount | Action |
|---|