What’s the difference between HTML code and CSS entity for ₱?

HTML references (₱ or ₱) go in markup. The CSS escape \20B1 is used in stylesheets, typically in the content property of pseudo-elements. Both render ₱.

HTML Entity for Peso Sign (₱)

Q: How do I display the Peso sign (₱) in HTML?

Use ₱ (hex), ₱ (decimal), or \20B1 in CSS content. All produce ₱. There is no named HTML entity for U+20B1.

Q: What is the Unicode value for the Peso sign?

U+20B1 (PESO SIGN) in the Currency Symbols block (U+20A0–U+20CF). Hex 20B1, decimal 8369. Official symbol for the Philippine peso (PHP).

Q: Is the Peso sign the same as the Mexican peso symbol?

No. U+20B1 (₱) is the PESO SIGN for the Philippine peso (PHP). Mexican peso (MXN) is typically shown with $ or MX$, not ₱.

Beginner

⏱️ 5 min read

📚 Updated: Jun 2026

🎯 1 Code Example

Unicode U+20B1

HTML entity for Peso sign (U+20B1) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Peso sign (₱) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+20B1 (PESO SIGN) in the Currency Symbols block (U+20A0–U+20CF)—the official currency symbol for the Philippine peso (PHP).

Render it with ₱, ₱, or CSS escape \20B1. There is no named HTML entity for U+20B1. Do not confuse ₱ with ₧ (peseta) or the dollar-style notation used for Mexican peso (MXN).

⚡ Quick Reference — Peso Sign

Unicode U+20B1

Currency Symbols block

Hex Code ₱

Hexadecimal reference

HTML Code ₱

Decimal reference

Named Entity —

Use numeric codes only

Reference Table

Name           Value
────────────   ──────────
Unicode        U+20B1
Hex code       &#x20B1;
HTML code      &#8369;
Named entity   (none)
CSS code       \20B1
Currency       PHP (Philippine peso)
Related        U+20A7 = peseta (₧); U+0024 = dollar ($)

Complete HTML Example

A simple example showing ₱ using hexadecimal code, decimal HTML code, and a CSS content escape:

html

<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\20B1";
  }
 </style>
</head>
<body>
<p>Peso (hex): &#x20B1;</p>
<p>Peso (decimal): &#8369;</p>
<p>Price: ₱ 599.00</p>
<p id="point">Peso (CSS): </p>
</body>
</html>

Try it Yourself

🌐 Browser Support

U+20B1 is supported in modern browsers when rendered with a Unicode-capable font:

Chrome1+

Firefox1+

Safari1+

Edge12+

Opera4+

Android4.4+

iOS Safari1+

👀 Live Preview

See the Peso sign (₱) in pricing and currency contexts:

Price tag ₱ 1,250

Large glyph ₱

With amount Total: 3,499.00 ₱ PHP

Currency codes Symbol ₱ ISO PHP

Numeric refs ₱ ₱

🧠 How It Works

Hexadecimal Code

₱ uses the Unicode hexadecimal value 20B1 to display the Peso sign.

HTML markup

Decimal HTML Code

₱ uses the decimal Unicode value 8369 for the same character.

HTML markup

CSS Entity

\20B1 is used in CSS stylesheets in the content property of pseudo-elements for price prefixes.

CSS stylesheet

Same visual result

All three methods produce ₱. Unicode U+20B1 in Currency Symbols. Previous: Peseta Sign (₧).

✅

Use Cases

The Peso sign (₱) is commonly used in:

🛒 E-commerce

Product prices and checkout totals on Philippine online stores.

💰 Financial apps

Banking dashboards, balances, and transaction lists in PHP.

📈 Pricing tables

SaaS plans, subscriptions, and service quotes in pesos.

🌐 Currency converters

Exchange-rate widgets and travel finance tools listing PHP.

📄 Invoices & receipts

Web and PDF invoices for businesses operating in the Philippines.

📝 News & media

Economic reports and articles referencing the Philippine peso.

💡 Best Practices

Do

Use ₱ or ₱ consistently per project
Pair ₱ with the ISO code PHP for clarity in international contexts
Serve pages with UTF-8 (<meta charset="utf-8">)
Use aria-label="Philippine peso" for screen readers when needed
Test currency glyph rendering across browsers and fonts

Don’t

Use ₱ for Mexican peso (MXN)—that currency typically uses $ or MX$
Confuse ₱ (peso) with ₧ (peseta) or € (euro)
Expect a named entity—none exists for U+20B1
Put CSS escape \20B1 in HTML text nodes
Use padded Unicode notation like U+020B1—the correct value is U+20B1

Key Takeaways

Two HTML numeric references render ₱

₱ ₱

For CSS stylesheets, use \20B1 in the content property

Unicode U+20B1 — PESO SIGN for Philippine peso (PHP)

Currency Symbols block (U+20A0–U+20CF)

Previous: Peseta Sign (₧) Next: Phi (ɸ)

❓ Frequently Asked Questions

How do I display the Peso sign (₱) in HTML?

Use ₱ (hex), ₱ (decimal), or \20B1 in CSS content. All produce ₱. There is no named entity.

What is the Unicode value for the Peso sign?

U+20B1 (PESO SIGN). Currency Symbols block (U+20A0–U+20CF). Hex 20B1, decimal 8369. Official symbol for the Philippine peso (PHP).

Is this the same as the Mexican peso symbol?

No. ₱ (U+20B1) is the PESO SIGN for the Philippine peso (PHP). Mexican peso (MXN) is typically displayed with $ or MX$, not ₱.

When should I use the Peso sign in HTML?

On Philippine e-commerce sites, financial dashboards, pricing tables, banking apps, currency converters, invoices, and any content displaying amounts in PHP.

Why is there no named HTML entity for the Peso sign?

Named HTML entities cover a subset of common characters. U+20B1 uses numeric hex or decimal codes or CSS escapes, which is standard for Currency Symbols.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, math operators, arrows, and more.

All HTML Entities →

About the author

Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

Experience 12 years building web and cloud systems
Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Peseta Sign (₧) Phi (ɸ)