Chapter 84: Icons Currency
Currency Icons (officially called Icons Currency on the W3Schools site).
This is the same style of reference page we’ve been studying the whole series: a clean, focused cheat-sheet listing all free Font Awesome 5 icons that represent money, currencies, coins, bills, exchange, and payment symbols.
URL (still working perfectly in February 2026): https://www.w3schools.com/icons/fontawesome5_icons_currency.asp
It’s usually placed after Business or Finance (sometimes near Payment & Shopping or Marketing) in their sidebar. The page opens with the short introduction:
Currency Icons The table below shows the Free Font Awesome 5 Currency icons:
followed by the table with preview | class name | unicode | Try it button.
1. What is the “Icons Currency” page?
This page lists only the icons that represent:
- money symbols (coins, banknotes, dollar signs, rupee, euro, pound…)
- currency exchange / conversion
- payment-related visuals
- financial concepts (wallet, piggy bank, hand holding money…)
These icons are extremely common on:
- E-commerce product pages (price display)
- Pricing tables / subscription plans
- “Pay Now” / “Buy” buttons
- Invoice / receipt sections
- Currency converter tools
- Banking / fintech apps
- “Our Pricing” / “Plans & Costs” pages
- Donation / crowdfunding campaigns
- Freelance / service quote sections
- “Affordable” / “Best Value” badges
In Font Awesome 5 free, the Currency category is medium-sized and very practical — around 15–25 icons (mostly solid fas style). Font Awesome 6 and 7 added many more (rupee-sign variants, money-bill-trend-up, money-check-pen, sack-dollar, wallet, coins variants), but FA5 free already has the most essential currency symbols that are still used on millions of websites in 2026.
2. Main Free Currency Icons in Font Awesome 5 (From the W3Schools Page)
Here are the most important and frequently used free ones (solid fas unless noted):
| Icon name | Class name | Looks like | Most common meaning / usage |
|---|---|---|---|
| rupee-sign | fas fa-rupee-sign | ₹ Rupee | Indian Rupee (₹) – very widely used in India |
| dollar-sign | fas fa-dollar-sign | $ Dollar | US Dollar, generic currency |
| euro-sign | fas fa-euro-sign | € Euro | Euro currency |
| pound-sign | fas fa-pound-sign | £ Pound | British Pound Sterling |
| yen-sign | fas fa-yen-sign | ¥ Yen | Japanese Yen / Chinese Yuan |
| ruble-sign | fas fa-ruble-sign | ₽ Ruble | Russian Ruble |
| shekel-sign | fas fa-shekel-sign | ₪ Shekel | Israeli New Shekel |
| won-sign | fas fa-won-sign | ₩ Won | South Korean Won |
| money-bill | fas fa-money-bill | 💵 Banknote | Cash, payment, invoice |
| money-bill-wave | fas fa-money-bill-wave | 💵 Wavy banknote | Modern cash / money flow |
| money-check | fas fa-money-check | 💵 Check / cheque | Payment confirmation, cheque |
| money-check-alt | fas fa-money-check-alt | 💵 Alternative cheque | Same as above |
| coins | fas fa-coins | 🪙 Stack of coins | Multiple coins, savings, crypto |
| wallet | fas fa-wallet | 👛 Wallet | Digital wallet, personal finance |
| hand-holding-usd | fas fa-hand-holding-usd | 💰 Hand holding dollar | Receive money, donation, payment received |
| piggy-bank | fas fa-piggy-bank | 🐷 Piggy bank | Savings, investment, financial goal |
These are the core free Currency icons in FA5 — very clean and instantly recognizable for any money/finance context.
3. Real Code Examples – How to Use Currency Icons
Example 1: Pricing Plan Card (very common on SaaS / course sites)
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<div style="border:1px solid #ddd; padding:30px; max-width:380px; margin:40px auto; border-radius:12px; text-align:center; background:#f8f9fa;"> <i class="fas fa-wallet fa-6x" style="color:#673ab7; margin-bottom:20px;"></i> <h2>Premium Plan</h2> <p style="font-size:2.8rem; font-weight:bold; color:#4caf50; margin:15px 0;"> <i class="fas fa-rupee-sign" style="font-size:2.2rem;"></i> 999 <small style="font-size:1rem; color:#757575;">/ month</small> </p> <p style="color:#555; margin:15px 0;">Unlimited access • Priority support</p> <button style="background:#673ab7; color:white; padding:14px 28px; border:none; border-radius:50px; font-size:1.2rem;"> Subscribe Now </button> </div> |
Example 2: Product Price Display with Currency
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<div style="text-align:center; margin:50px 0;"> <h3 style="font-size:2.2rem; margin-bottom:10px;">Wireless Headphones</h3> <p style="font-size:3.2rem; color:#4caf50; font-weight:bold;"> <i class="fas fa-rupee-sign" style="font-size:2.5rem; vertical-align:middle;"></i> 2,499 <small style="font-size:1.2rem; color:#757575; margin-left:10px;">Save ₹500</small> </p> <small style="color:#f44336;">Limited stock – Order now!</small> </div> |
Example 3: “Pay with Wallet” Button
|
0 1 2 3 4 5 6 7 8 9 |
<button style="background:#4caf50; color:white; padding:16px 32px; border:none; border-radius:50px; font-size:1.3rem; cursor:pointer; box-shadow:0 4px 12px rgba(76,175,80,0.3);"> <i class="fas fa-wallet" style="margin-right:12px; font-size:1.6rem;"></i> Pay with Wallet </button> |
Example 4: Currency Converter / Exchange Widget (mini version)
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<div style="border:1px solid #bbdefb; padding:30px; max-width:400px; margin:50px auto; border-radius:12px; background:#e3f2fd; text-align:center;"> <i class="fas fa-exchange-alt fa-5x" style="color:#2196f3; margin-bottom:20px;"></i> <h3>Currency Converter</h3> <p style="font-size:1.8rem; margin:20px 0;"> 1 USD = <i class="fas fa-rupee-sign" style="margin-right:6px;"></i> 83.45 </p> <button style="background:#2196f3; color:white; padding:12px 24px; border:none; border-radius:50px;"> Convert Now </button> </div> |
4. Teacher Summary – Quick Recap
Font Awesome 5 Currency Icons = W3Schools’ page listing free currency & money icons like:
- rupee-sign ₹
- dollar-sign $
- euro-sign €
- pound-sign £
- yen-sign ¥
- money-bill 💵
- money-bill-wave 💵
- wallet 👛
- coins 🪙
- hand-holding-usd 💰
- piggy-bank 🐷
Very useful for:
- E-commerce product pricing
- Subscription / pricing plans
- Payment buttons / checkout flows
- Currency converters
- Financial / fintech dashboards
- Invoice / receipt displays
Got it now? Want me to:
- Build a full “Pricing Plans” or “E-commerce Product” demo page with currency icons?
- Show how they look in a modern fintech / banking app?
- Compare FA5 vs FA6/7 currency icons (way more wallet, receipt, exchange icons in newer versions)?
- Or move to the next category in the series?
Just tell your teacher — we’re counting money today! 💰₹$€£🚀
