HTML Entity for Hryvnia Sign (₴)
What You'll Learn
How to display the Hryvnia Sign (₴) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+20B4 (HRYVNIA SIGN) in the Currency Symbols block (U+20A0–U+20CF).
Use ₴, ₴, or CSS \20B4. There is no named HTML entity—numeric codes or CSS escapes are required. Ideal for Ukrainian currency, e-commerce, and financial content.
⚡ Quick Reference — Hryvnia Sign
U+20B4Currency Symbols
₴Hexadecimal reference
₴Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+20B4
Hex code ₴
HTML code ₴
Named entity (none)
CSS code \20B4
Meaning Ukrainian hryvnia currency symbol
CSS note \20B4 or \020B4 in content propertyComplete HTML Example
This example demonstrates the Hryvnia Sign (₴) 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: "\20B4";
}
</style>
</head>
<body>
<p>Hryvnia Sign using Hexadecimal: ₴</p>
<p>Hryvnia Sign using Decimal: ₴</p>
<p id="point">Hryvnia Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Hryvnia Sign (₴) renders when fonts support Currency Symbols (U+20A0–U+20CF):
👀 Live Preview
Hryvnia Sign (₴) in prices and financial content:
🧠 How It Works
Hexadecimal Code
₴ uses Unicode hexadecimal 20B4 to display the Hryvnia Sign in HTML markup.
Decimal HTML Code
₴ uses decimal Unicode value 8372 for the same character.
CSS Entity
\20B4 is used in CSS, typically in the content property of pseudo-elements such as ::after.
Same visual result
All three methods produce ₴. Unicode U+20B4 is in Currency Symbols. Next: Hu.
Use Cases
The Hryvnia Sign (U+20B4) is commonly used in:
Show prices, balances, and amounts in Ukrainian hryvnia on websites and apps.
Product prices, checkout totals, and invoices for Ukraine-facing stores.
Account statements, exchange rates, and financial dashboards.
Format amounts with the hryvnia symbol in PDFs and printable documents.
Ukrainian-language sites and services that display local currency.
Payment forms, donation pages, and price input fields in hryvnia.
💡 Best Practices
Do
- Use
₴or₴in HTML (no named entity) - Choose fonts with Currency Symbols support (Segoe UI, Noto Symbols)
- Declare UTF-8 with
<meta charset="utf-8"> - Place the symbol after the amount in Ukrainian locale (e.g. 100 ₴)
- Pair the symbol with “UAH” or “hryvnia” for screen readers when needed
- Use the same hex or decimal method consistently across a page
- Test rendering on mobile and desktop browsers
Don’t
- Expect a named HTML entity for U+20B4
- Use CSS
\20B4in HTML text nodes - Rely on the symbol alone without a text label for screen readers
- Assume every system font includes U+20B4
- Skip browser testing for symbol-heavy pages
Key Takeaways
Two HTML numeric references plus CSS insert U+20B4
₴ ₴For CSS, use \20B4 in the content property
Unicode U+20B4 — HRYVNIA SIGN
No named entity—use hex or decimal
Next: Hu
❓ Frequently Asked Questions
₴ (hex), ₴ (decimal), or \20B4 in CSS content. There is no named entity. All three methods render the same glyph (₴).U+20B4 (HRYVNIA SIGN) in the Currency Symbols block (U+20A0–U+20CF). Hex 20B4, decimal 8372. Currency symbol for the Ukrainian hryvnia.₴ or ₴) go directly in markup. The CSS escape \20B4 is used in stylesheets, typically in the content property of pseudo-elements.₴, decimal ₴, or CSS \20B4 in the content property of pseudo-elements.<meta charset="utf-8">) and a font that supports Currency Symbols. Try Segoe UI, Noto Symbols, or Arial Unicode MS if the glyph is missing.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, math, and more.
About the author
8 people found this page helpful