The Indian Rupee Sign (₹) is the Currency Symbols character at Unicode U+20B9 (INDIAN RUPEE SIGN). It is the official symbol for the Indian Rupee (INR), adopted by India in 2010.
Remember
Character ₹
Unicode U+20B9
Hex entity ₹
Decimal ₹
CSS escape \20B9
Named entity (none)
All of these produce the same glyph: ₹. Prefer typing ₹ in UTF-8 page text; use entities for CSS content, generated markup, or when encoding must be explicit.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
₹
UTF-8 HTML text (default choice)
Hex entity
₹
HTML markup
Decimal entity
₹
HTML markup
CSS escape
\20B9
Stylesheet content
Named entity
—
Not defined in HTML5
When to Use Which
Situation
Use
INR prices on a UTF-8 page
Type ₹
Need an entity in HTML source
₹ or ₹
Generated text via ::before / ::after
content: "\20B9"
Looking for a named &...; form
Does not exist — use numeric form
Legacy / generic rupee (₨)
U+20A8 — different from official INR ₹
See it
Live Preview
Indian Rupee Sign rendered in common pricing contexts.
Product price₹999
Large glyph₹
Price list₹999 ₹1,499 ₹12,999
vs legacy ₨U+20B9 ₹ | U+20A8 ₨
With entitiesHex: ₹ | Decimal: ₹
Code
Complete HTML Example
One page that shows the Indian Rupee Sign with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce ₹ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Indian Rupee Sign (₹) in HTML</title>
<style>
#point::after {
content: "\20B9";
}
</style>
</head>
<body>
<p>Rupee using Hex Code: ₹999</p>
<p>Rupee using HTML Code: ₹1,499</p>
<p id="point">Rupee using CSS Entity: </p>
<p>Typed directly: ₹499</p>
</body>
</html>
Rupee using Hex Code: ₹999
Rupee using HTML Code: ₹1,499
Rupee using CSS Entity: ₹
Typed directly: ₹499
How It Works
1. Hex:U+20B9 → ₹ in HTML. The browser turns it into ₹.
2. Decimal: same code point as 8377 → ₹. Same result as hex.
3. CSS: use \20B9 in content (not an HTML entity). #point::after appends that ₹ after the paragraph text.
4. Typed ₹: best for normal UTF-8 text. All four lines show the same currency sign.
Pitfalls & Tips
Common mistakes when working with the Indian Rupee Sign.
Named?
No named entity
HTML5 does not define a named entity for U+20B9. Use numeric forms.
CSS vs HTML
Do not mix escapes
\20B9 belongs in CSS. ₹ / ₹ belong in HTML.
₹ vs ₨
Official vs legacy
₹ is U+20B9 (INR, 2010). ₨ is U+20A8 (generic Rupee Sign) — not the same.
Default
Type ₹ when you can
Entities are for encoding needs — not required for ordinary UTF-8 body text.
Semicolon
End references
Always finish with ; — write ₹, not ₹.
Fonts
Currency symbol support
Use fonts that include U+20B9 (e.g. Noto Sans, Segoe UI, Roboto). Older fonts may fall back to “Rs” or a box.
Compatibility
Browser Support
The Indian Rupee Sign (U+20B9) and its numeric entity forms (₹, ₹, CSS \\20B9) are supported in all mainstream browsers when the font includes Currency Symbols.
✓ Universal support
Indian Rupee Sign (₹)
Type ₹, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerIE 9+
Yes
U+20B9 / entitiesFull support
Bottom line: Use a typed ₹ for normal text. Prefer ₹ or ₹ in HTML when encoding must be explicit, and \\20B9 only inside CSS content.
Remember
Key Takeaways
Unicode: Indian Rupee Sign is U+20B9 (decimal 8377).
HTML: use ₹ or ₹ when you need an entity.
CSS: use \20B9 inside content for generated text.
Default: type ₹ directly unless encoding requires an entity.
One line:U+20B9 → type ₹, or encode as ₹ / ₹ / CSS \20B9.
Frequently Asked Questions
Use ₹ (hex), ₹ (decimal), or the CSS escape \20B9 in the content property. All render ₹. There is no named HTML entity.
U+20B9 (INDIAN RUPEE SIGN). Hex 20B9, decimal 8377. It belongs to the Currency Symbols block.
No. HTML5 does not define a named entity for U+20B9. Use numeric references like ₹ or ₹ when you need an entity form.
Use it for INR prices on e-commerce, banking, and India-facing pages. Prefer numeric entities when encoding must be explicit; type ₹ directly in UTF-8 pages when convenient.
HTML entities (₹ or ₹) go in markup. The CSS escape \20B9 is used in stylesheets (usually in the content property of ::before/::after). Both render ₹.
No. ₹ is U+20B9 (official Indian Rupee Sign, 2010). ₨ is U+20A8 (generic Rupee Sign) — a different character used in older or non-INR contexts.
🤔
Did you know?
The Indian Rupee Sign is Unicode U+20B9 (decimal 8377). HTML5 has no named entity for it — use ₹ or ₹. It is the official INR symbol, adopted by India in 2010.
