HTML Entity for German Penny Symbol (₰)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+20B0

What Is German Penny Symbol?

German penny symbol (₰) is the Unicode character at U+20B0 in Currency Symbols. Official name: GERMAN PENNY SIGN. It marks the historical German Pfennig (penny) currency.

Remember
Character     ₰
Unicode       U+20B0
Hex entity    ₰
Decimal       ₰
CSS escape    \20B0
Named entity  (none)
Meaning       German penny / Pfennig sign
Not the same  ¢ (¢) · € (€) · p

Prefer ₰ or ₰ in HTML (no named form). You can also type ₰ in a UTF-8 document. For modern prices in Germany, prefer € or the EUR code.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity₰HTML markup (preferred)
Decimal entity₰HTML markup
Direct character₰HTML text (UTF-8)
CSS escape\20B0Stylesheet content

When to Use Which

SituationUse
Historical Pfennig amount₰ plus visible “Pfennig” text
Modern German / euro price€ (€) or write EUR
US / general centCent sign — ¢ (¢)
Plain ASCIIWrite Pfennig or pf
Generated text via ::before / ::aftercontent: "\20B0"

Live Preview

Symbol alone, in a sample amount, and next to related forms.

Glyph ₰
Large glyph ₰
Sample Amount: 50₰
Compared ₰   ¢   €   £
With entities Hex: ₰ | Decimal: ₰

Complete HTML Example

One page that shows German penny with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ₰ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>German Penny Symbol (U+20B0) in HTML</title>
  <style>
    #point::after {
      content: "\20B0";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x20B0;</p>
  <p>Built with Decimal: &#8368;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ₰</p>
  <p>Amount: <span aria-label="50 Pfennig">50&#x20B0;</span></p>
  <p>Modern euro: &euro;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x20B0; inserts code point U+20B0 → ₰.

2. Decimal: same code point as 8368 → &#8368;. Same visual as hex.

3. CSS: use \20B0 in content (not an HTML entity). #point::after appends ₰.

4. Typed: paste ₰ in a UTF-8 document when you need the Pfennig glyph. Prefer aria-label or the word “Pfennig” so the amount is clear to everyone.

Pitfalls & Tips

Common mistakes when working with German penny symbol.

Name

No named entity

There is no HTML5 named entity for U+20B0. Use &#x20B0; or &#8368;. Do not invent &pfennig;.

¢

Not &cent;

Cent is ¢ (U+00A2). German penny is ₰. Related “small change” idea — different currencies.

Euro

Historical, not modern euro

Pfennig is historical. For current German prices, use &euro; or EUR.

Font

Font coverage

Some fonts omit Currency Symbols. If ₰ is missing, fall back to text (“Pfennig”) or a font with U+20B0 coverage.

CSS vs HTML

Do not mix escapes

\20B0 belongs in CSS strings. &#x20B0; / &#8368; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ₰ clearly. Prefer aria-label="50 Pfennig" or nearby prose.

Semicolon

End references

Always finish entities with ; — write &#x20B0;, not &#x20B0.

Browser Support

German penny symbol (U+20B0) and its entity forms (&#x20B0;, &#8368;, CSS \\20B0) are supported in all mainstream browsers. Visible glyphs depend on Currency Symbols font coverage.

✓ Universal support

German Penny Symbol (&#x20B0;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+20B0 Full support

Bottom line: Prefer &#x20B0; in HTML (no named form). Use &#8368; when decimal form is required, and \\20B0 only inside CSS content.

Key Takeaways

  • Unicode: German penny is U+20B0 (decimal 8368) — glyph ₰.
  • HTML: no named entity — use &#x20B0; / &#8368; / type ₰.
  • CSS: use \20B0 inside content for generated text.
  • Meaning: ₰ is historical Pfennig — prefer &euro; for modern prices.

One line: U+20B0 → &#x20B0; / &#8368; / CSS \20B0 (no named form).

Frequently Asked Questions

Use &#x20B0; (hex), &#8368; (decimal), type ₰ directly in UTF-8, or the CSS escape \20B0 in content. There is no named HTML entity for U+20B0.
U+20B0 (GERMAN PENNY SIGN). Hex 20B0, decimal 8368. It belongs to the Currency Symbols block (U+20A0–U+20CF).
No. HTML5 does not define a named entity for U+20B0. Prefer &#x20B0; or &#8368;.
Use it for historical Pfennig references, numismatic pages, or typography demos. For modern German prices, prefer euro (&euro;) or the EUR code.
HTML numeric entities (&#8368; or &#x20B0;) go in markup. The CSS escape \20B0 goes in stylesheet strings (usually content on ::before/::after).
No. German penny is U+20B0 (₰). Cent is U+00A2 (¢, &cent;). Different currencies and code points.

Did you know?

German penny symbol is Unicode U+20B0 (decimal 8368) — glyph ₰ (GERMAN PENNY SIGN) in Currency Symbols. There is no HTML5 named entity; use &#x20B0; or &#8368;. It represents the historical German Pfennig. Prefer nearby text (for example “Pfennig”) for accessibility, and use modern currency codes like EUR for current pricing.

Next: Gimel Symbol

Learn the HTML entity for gimel symbol (U+2137).

Gimel symbol tutorial →

About the author

Mari Selvan M P
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.

8 people found this page helpful