HTML Entity for Die Face 5 (⚄)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2684
HTML entity for die face 5 symbol (U+2684) tutorial illustration

What You'll Learn

How to display the die face 5 symbol (⚄) in HTML using hexadecimal, decimal, and CSS entity methods. This glyph is U+2684 (DIE FACE-5) in the Miscellaneous Symbols block (U+2600–U+26FF)—a dice face showing five dots.

There is no named HTML entity for U+2684. Use ⚄, ⚄, or \2684 in CSS content. Unicode defines die faces 1–6 (U+2680–U+2685: ⚀ ⚁ ⚂ ⚃ ⚄ ⚅). See Die Face 4 (⚃) for the four-dot face.

⚡ Quick Reference — Die Face 5

Unicode U+2684

Miscellaneous Symbols (U+2600–U+26FF)

Hex Code ⚄

Hexadecimal reference

HTML Code ⚄

Decimal reference

Named Entity —

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2684
Hex code       ⚄
HTML code      ⚄
Named entity   —
CSS code       \2684
Die faces 1–6  U+2680–U+2685
1

Complete HTML Example

This example demonstrates the die face 5 symbol (⚄) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2684";
  }
 </style>
</head>
<body>
<p>Die Face 5 using Hexadecimal: &#x2684;</p>
<p>Die Face 5 using HTML Code: &#9860;</p>
<p id="point">Die Face 5 using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+2684 is supported in modern browsers; use a font with Miscellaneous Symbols coverage for consistent dice glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 3.2+

👀 Live Preview

See the die face 5 symbol (⚄) in game and educational contexts:

Roll result You rolled: ⚄
All faces ⚀ ⚁ ⚂ ⚃ ⚄ ⚅
vs emoji ⚄ Unicode die   🎲 game die emoji (different)
Large glyph ⚄
Monospace refs &#x2684; &#9860; \2684

🧠 How It Works

1

Hexadecimal Code

&#x2684; uses the Unicode hexadecimal value 2684 to display die face 5. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9860; uses the decimal Unicode value 9860 to display the same character.

HTML markup
3

CSS Entity

\2684 is used in CSS stylesheets, particularly in the content property of ::before or ::after.

CSS stylesheet
=

Same visual result

All three methods produce die face 5: ⚄. Unicode U+2684 is in Miscellaneous Symbols (U+2600–U+26FF). No named HTML entity exists.

✅

Use Cases

The die face 5 symbol (⚄) is commonly used in:

🎲 Dice & board games

Web board games, dice rollers, and tabletop simulators showing roll results.

📊 Probability

Statistics lessons, probability examples, and fair-randomness education.

🎮 Game UIs

Interfaces that display a five-dot die face for a roll of 5.

🎓 Education

Teaching dice notation with standard Unicode faces ⚀–⚅.

🎲 Randomizers

Dice roller apps and tools that show “5” as a die glyph.

🔤 Entity references

Unicode tables and HTML entity guides for game symbols.

💡 Best Practices

Do

  • Use &#x2684; or &#9860; since no named entity exists
  • Add aria-label="Roll result: 5" (or visible text) for accessibility
  • Pair with U+2680, U+2681, U+2682, U+2683, and U+2685 for other die faces when needed
  • Use \2684 only inside CSS content
  • Test fonts on target devices for Miscellaneous Symbols

Don’t

  • Confuse ⚄ (Unicode die) with 🎲 (game die emoji U+1F3B2)
  • Assume a named entity exists—U+2684 has none
  • Rely on symbol alone without text for screen readers
  • Put CSS escape \2684 in HTML text nodes
  • Mix hex and decimal styles randomly in one file

Key Takeaways

1

No named entity—use numeric references

&#x2684; &#9860;
2

For CSS, use \2684 in the content property

\2684
3

U+2684 DIE FACE-5—five dots

4

Full set: U+2680–U+2685 (⚀–⚅)

5

Three methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &#x2684; (hex), &#9860; (decimal), or \2684 in CSS content. There is no named HTML entity. All produce ⚄.
U+2684 (DIE FACE-5). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2684, decimal 9860. Shows a dice face with five dots.
In dice games, board game interfaces, probability displays, educational content, game development, and any web content that needs a five-dot die face or dice notation.
HTML numeric references (&#9860; or &#x2684;) go in markup. The CSS escape \2684 is used in stylesheets, typically in the content property of pseudo-elements. Both render ⚄.
Unicode defines die faces 1–6 as U+2680 through U+2685 (⚀–⚅). No named entities; use numeric codes for each (e.g. die face 4: &#9859; or &#x2683;). See Die Face 6 for the next face in the series.

Explore More HTML Entities!

Discover 1500+ HTML character references — dice faces, symbols, math operators, 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Die Face 4 (⚃) Die Face 6 (⚅)