HTML Entity for Ruble Sign (₽)
What You'll Learn
How to display the Ruble Sign (₽) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+20BD (RUBLE SIGN) in the Currency Symbols block (U+20A0–U+20CF)—the official symbol for the Russian ruble, adopted in 2013.
Render it with ₽, ₽, or CSS escape \20BD. There is no named HTML entity. Do not confuse ₽ with the generic rupee sign (₨) or Indian rupee sign (₹).
⚡ Quick Reference — Ruble Sign
U+20BDCurrency Symbols
₽Hexadecimal reference
₽Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+20BD
Hex code ₽
HTML code ₽
Named entity (none)
CSS code \20BD
Meaning Russian ruble currency symbol
Related U+20A8 = Rupee sign (₨)
U+20B9 = Indian rupee sign (₹)Complete HTML Example
This example demonstrates the Ruble Sign (₽) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\20BD";
}
</style>
</head>
<body>
<p>Ruble Sign using Hexadecimal: ₽</p>
<p>Ruble Sign using HTML Code: ₽</p>
<p id="point">Ruble Sign using CSS Entity: </p>
<p>Price: 1 500 ₽</p>
</body>
</html>🌐 Browser Support
The Ruble Sign entity is supported in all modern browsers (added to Unicode 7.0 in 2014):
👀 Live Preview
See the ruble sign (₽) in a price context and compared with other currency symbols:
🧠 How It Works
Hexadecimal Code
₽ uses the Unicode hexadecimal value 20BD to display the Ruble Sign. The x prefix indicates hexadecimal format.
Decimal HTML Code
₽ uses the decimal Unicode value 8381 to display the same character.
CSS Entity
\20BD is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ₽. Unicode U+20BD in the Currency Symbols block (U+20A0–U+20CF). No named entity.
Use Cases
The Ruble Sign (₽) commonly appears in:
Product pages, carts, and checkout prices (e.g. 1 500 ₽).
Account balances, exchange rates, and financial data in rubles.
Billing documents, receipts, and payment confirmations.
Landing pages and offers targeting Russian audiences.
Converters, comparison tables, and finance dashboards.
Currency entity reference pages and glossaries.
💡 Best Practices
Do
- Use
₽or₽for price markup (U+20BD) - Place the symbol after the amount (e.g. 1 500 ₽) per Russian convention
- Serve pages with UTF-8 (
<meta charset="utf-8">) - Add
aria-label(e.g. “1500 rubles”) for accessibility - Use CSS
contentfor reusable price components
Don’t
- Confuse ₽ with ₨ (generic rupee) or ₹ (Indian rupee)
- Substitute
руб.orRUBwhen the symbol is required - Put CSS escape
\20BDin HTML text nodes - Assume every font renders ₽ clearly at small sizes
- Expect a named HTML entity for U+20BD—use numeric references instead
Key Takeaways
Three ways to render ₽ in HTML and CSS
₽ ₽For CSS stylesheets, use the escape in the content property
\20BDUnicode U+20BD — RUBLE SIGN
No named entity—use numeric references or CSS escape
Not the same as ₨ (rupee) or ₹ (Indian rupee)
❓ Frequently Asked Questions
₽ (hex), ₽ (decimal), or \20BD in CSS content. There is no named HTML entity. All three produce ₽.U+20BD (RUBLE SIGN). Currency Symbols block (U+20A0–U+20CF). Hex 20BD, decimal 8381. Official Russian ruble symbol since 2013.₽ or ₽ in HTML, or CSS escape \20BD in stylesheets.₽ or ₽) go directly in markup. The CSS escape \20BD is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, finance, and more.
About the author
8 people found this page helpful