HTML Entity for Indian Rupee Sign (₹)
What You'll Learn
How to display the Indian Rupee sign (₹) in HTML using hexadecimal, decimal, and CSS escape methods. This is the official currency symbol for the Indian Rupee (INR), adopted by the Government of India in 2010.
This character is U+20B9 (INDIAN RUPEE SIGN) in the Currency Symbols block (U+20A0–U+20CF). Use ₹, ₹, or CSS \20B9. There is no named HTML entity—use numeric codes or CSS.
⚡ Quick Reference — Indian Rupee Sign
U+20B9Currency Symbols
₹Hexadecimal reference
₹Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+20B9
Hex code ₹
HTML code ₹
Named entity (none)
CSS code \20B9
Meaning Indian Rupee (INR) currency sign
CSS note \20B9 or \020B9 in content propertyComplete HTML Example
This example demonstrates ₹ using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\0000";
}
</style>
</head>
<body>
<p>Indian Rupee Sign using Hexadecimal: ₹999</p>
<p>Indian Rupee Sign using Decimal: ₹1,499</p>
</body>
</html>🌐 Browser Support
The Indian Rupee sign (₹) is supported in all modern browsers when using numeric HTML entities or CSS escapes:
👀 Live Preview
See ₹ rendered live for INR pricing:
🧠 How It Works
Hexadecimal Code
₹ uses Unicode hexadecimal 20B9 to display ₹ in HTML markup.
Decimal HTML Code
₹ uses decimal Unicode value 8377 for the same character.
CSS Entity
\20B9 (or \020B9) is used in CSS, typically in the content property of pseudo-elements such as ::before.
Same visual result
All three methods produce ₹. Unicode U+20B9 is the official INR sign (2010). No named entity. Next: Infinity.
Use Cases
The Indian Rupee sign (₹) commonly appears in:
Product and service prices for Indian markets (e.g. ₹999, ₹1,499).
Invoices, receipts, quotes, and accounting documents in INR.
Balances, transactions, and payment apps showing rupee amounts.
Currency conversion and multi-currency displays with INR rates.
Menus, listings, and service catalogs priced for India.
Websites and apps targeting Indian users or displaying INR.
💡 Best Practices
Do
- Use
₹or₹in HTML (no named entity) - Pair ₹ with locale-aware number formatting (e.g.
en-IN) - Keep one numeric method (hex or decimal) consistent per document
- Use
aria-labelor visible “INR” text for accessibility on price-only displays - Declare UTF-8 with
<meta charset="utf-8"> - Test fonts on mobile and desktop for clear ₹ rendering
Don’t
- Expect a named HTML entity for U+20B9
- Put CSS escape
\20B9in HTML text nodes - Use “Rs” or “Rs.” when the official ₹ symbol is required
- Confuse U+20B9 (₹) with script-specific rupee signs (e.g. Gujarati Rupee U+0AF1) in the wrong context
- Assume every legacy font includes U+20B9 (added in Unicode 6.0)
Key Takeaways
Two HTML numeric references plus CSS insert ₹
₹ ₹For CSS, use \20B9 in the content property
Unicode U+20B9 — INDIAN RUPEE SIGN (INR, 2010)
No named entity—use hex or decimal
Next: Infinity
❓ Frequently Asked Questions
₹ (hex), ₹ (decimal), or \20B9 in CSS content. There is no named HTML entity. All three methods render ₹.U+20B9 (INDIAN RUPEE SIGN). Currency Symbols block (U+20A0–U+20CF). Hex 20B9, decimal 8377. Official symbol adopted by India in 2010 for INR.₹ or ₹) go in markup. The CSS escape \20B9 belongs in stylesheets, typically in the content property of pseudo-elements. Both render ₹.₹ or ₹) or CSS \20B9—standard for the Currency Symbols block.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful