HTML Entity for Naira Sign (₦)
What You'll Learn
How to display the Naira sign (₦) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+20A6 (NAIRA SIGN) in the Currency Symbols block (U+20A0–U+20CF)—the official currency symbol for the Nigerian naira (NGN).
Render it with ₦, ₦, or CSS escape \20A6. There is no named HTML entity for U+20A6. In UTF-8 you can also type ₦ directly when your editor supports it.
⚡ Quick Reference — Naira Sign
U+20A6Currency Symbols block
₦Hexadecimal reference
₦Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+20A6
Hex code ₦
HTML code ₦
Named entity (none)
CSS code \20A6
Currency NGN (Nigerian naira)
Related U+0024 = dollar ($); U+20A6 = naira (₦)Complete HTML Example
This example demonstrates the Naira sign (₦) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\20A6";
}
</style>
</head>
<body>
<p>Naira Sign using Hexadecimal: ₦</p>
<p>Naira Sign using HTML Code: ₦</p>
<p id="point">Naira Sign using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+20A6 is supported in modern browsers when rendered with a Unicode-capable font:
👀 Live Preview
See the Naira sign (₦) in pricing and currency contexts:
🧠 How It Works
Hexadecimal Code
₦ uses the Unicode hexadecimal value 20A6 to display the Naira sign. The x prefix indicates hexadecimal format.
Decimal HTML Code
₦ uses the decimal Unicode value 8358 to display the same character.
CSS Entity
\20A6 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for price prefixes.
Same visual result
All three methods produce: ₦. Unicode U+20A6 sits in the Currency Symbols block (U+20A0–U+20CF). No named HTML entity—use numeric codes in markup.
Use Cases
The Naira sign (₦) is commonly used in:
Product prices and checkout totals on Nigerian online stores.
Banking dashboards, account balances, and transaction lists in NGN.
SaaS plans, subscription tiers, and service quotes in naira.
Exchange-rate widgets and travel finance tools listing NGN.
PDF and web invoices for businesses operating in Nigeria.
Economic reports and articles referencing the Nigerian naira.
💡 Best Practices
Do
- Use
₦or₦consistently per project - Pair ₦ with the ISO code
NGNfor clarity in international contexts - Serve pages with UTF-8 (
<meta charset="utf-8">) - Use
aria-labelsuch as “Nigerian naira” for screen readers - Test currency glyph rendering across browsers and fonts
Don’t
- Substitute
NGNorNtext when the proper ₦ symbol is needed - Expect a named entity—none exists for U+20A6
- Put CSS escape
\20A6in HTML text nodes - Use padded Unicode notation like U+020A6—the correct value is
U+20A6 - Rely on the symbol alone without locale-appropriate number formatting
Key Takeaways
Two HTML numeric references render ₦
₦ ₦For CSS stylesheets, use the escape in the content property
\20A6Unicode U+20A6 — NAIRA SIGN for Nigerian naira (NGN)
Currency Symbols block (U+20A0–U+20CF)
No named entity—use numeric codes or UTF-8 literal in source files
❓ Frequently Asked Questions
₦ (hex), ₦ (decimal), or \20A6 in CSS content. All produce ₦. There is no named entity.U+20A6 (NAIRA SIGN). Currency Symbols block (U+20A0–U+20CF). Hex 20A6, decimal 8358. Official symbol for the Nigerian naira (NGN).₦ or ₦) go directly in markup. The CSS escape \20A6 is used in stylesheets, typically in the content property of pseudo-elements for price prefixes. Same visual result, different layers of the stack.₦ or ₦, or type ₦ directly in UTF-8-encoded source files.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, math operators, arrows, and more.
About the author
8 people found this page helpful