HTML Entity for Uppercase Z Double Struck Capital (ℤ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2124

What You'll Learn

How to display the uppercase Z double struck capital (ℤ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This mathematical symbol denotes the set of integers, commonly written as in equations such as n ∈ ℤ or ℤ ⊂ ℝ. It is U+2124 in the Letterlike Symbols block (U+2100–U+214F).

Render it with ℤ, ℤ, ℤ, or CSS escape \2124. The named entity ℤ is often the most readable option in HTML source. Do not confuse ℤ (double-struck Z) with plain Z (U+005A) or accented letters like Ż (Z dot above). See also math entities.

⚡ Quick Reference — Uppercase Z Double Struck Capital Entity

Unicode U+2124

Letterlike Symbols

Hex Code ℤ

Hexadecimal reference

HTML Code ℤ

Decimal reference

Named Entity ℤ

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2124
Hex code       ℤ
HTML code      ℤ
Named entity   ℤ
CSS code       \2124
Meaning        Double-struck capital Z (integers)
Also known as  Blackboard bold Z
Related        U+005A = plain Z; U+017B = Ż (Z dot above)
Block          Letterlike Symbols (U+2100–U+214F)
1

Complete HTML Example

A simple example showing the uppercase Z double struck capital (ℤ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2124";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x2124;</p>
<p>Symbol (decimal): &#8484;</p>
<p>Symbol (named): &Zopf;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase Z double struck capital (ℤ) and the named entity &Zopf; are supported in all modern browsers:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase Z double struck capital (ℤ) in mathematical notation:

Large glyph
Set notationℤ = {…, −2, −1, 0, 1, 2, …}
Named entity&Zopf; renders as ℤ
Not the same asplain Z (U+005A)  |  Ż (Z dot above)
Numeric refs&#x2124; &#8484; &Zopf; \2124

🧠 How It Works

1

Hexadecimal Code

&#x2124; uses the Unicode hexadecimal value 2124 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#8484; uses the decimal Unicode value 8484 to display the same character. A common method for Letterlike Symbols.

HTML markup
3

Named Entity

&Zopf; is the standard named entity for ℤ—readable in source HTML and part of the HTML5 entity set for blackboard bold letters.

HTML markup
4

CSS Entity

\2124 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce the glyph: . Unicode U+2124 sits in Letterlike Symbols. Do not confuse with plain Z (U+005A) or accented Z letters like Ż (U+017B). Use math-friendly fonts for best rendering.

Use Cases

The uppercase Z double struck capital (ℤ) is commonly used in:

🔢 Integers

Denote the set of integers ℤ in number theory, algebra, and discrete mathematics.

📊 Set theory

Represent number sets alongside (natural numbers), (rationals), and (reals).

📚 Education

Textbooks, online courses, and tutorials explaining number systems and blackboard bold notation.

📄 Academic publishing

Research papers, theses, and journal articles in mathematics and computer science.

💻 Web math tools

Equation editors, calculators, and interactive math apps that render set notation in HTML.

🔬 Scientific docs

Technical documentation and formulas involving integer arithmetic, rings, and modular arithmetic.

📝 Technical writing

API docs, developer guides, and content explaining mathematical concepts involving integer sets.

💡 Best Practices

Do

  • Use &Zopf; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type ℤ directly in UTF-8 source
  • Use math-friendly fonts (e.g. Cambria Math, STIX Two Math) for clear double-struck rendering
  • Use fonts that support Letterlike Symbols characters
  • Distinguish ℤ (U+2124) from plain Z (U+005A) and accented Z letters

Don’t

  • Substitute plain Z when ℤ is required for correct mathematical notation
  • Confuse ℤ (double-struck) with Ż (Z dot above—a Polish letter, not a math set)
  • Put CSS escape \2124 in HTML text nodes
  • Assume all fonts render Letterlike Symbols identically
  • Omit UTF-8 encoding on pages with mathematical symbols

Key Takeaways

1

Four references render ℤ; named entity is most readable

&#x2124; &#8484; &Zopf;
2

For CSS stylesheets, use the escape in the content property

\2124
3

Unicode U+2124 — DOUBLE-STRUCK CAPITAL Z

4

Essential for integers, set theory, and mathematical content

❓ Frequently Asked Questions

Use &Zopf; (named), &#x2124; (hex), &#8484; (decimal), or \2124 in CSS content. The named entity &Zopf; is the most readable for HTML content.
U+2124 (DOUBLE-STRUCK CAPITAL Z). Letterlike Symbols block. Hex 2124, decimal 8484. Commonly used to represent the set of integers.
When writing mathematical content, set theory, number theory, academic papers, scientific documentation, educational materials, and any text requiring blackboard bold Z notation for integers.
HTML code (&#8484; or &#x2124;) or the named entity &Zopf; is used in HTML content. The CSS entity (\2124) is used in CSS, e.g. in the content property of pseudo-elements. Both produce ℤ but in different contexts.
The uppercase Z double struck capital (ℤ) represents the set of integers. It is used alongside other blackboard bold sets such as (natural numbers), (rationals), and (reals). The double-struck style is a mathematical notation convention for special number sets.

Explore More HTML Entities!

Discover 1500+ HTML character references — math symbols, diacritics, and more.

All HTML Entities →

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