HTML Entity for Die Face 1 (⚀)

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

What You'll Learn

How to display the die face 1 symbol (⚀) in HTML using hexadecimal, decimal, and CSS entity methods. This glyph is U+2680 (DIE FACE-1) in the Miscellaneous Symbols block (U+2600–U+26FF)—a dice face showing one dot (often called “ace” in dice games).

There is no named HTML entity for U+2680. Use ⚀, ⚀, or \2680 in CSS content. Unicode also defines die faces 2–6 (U+2681–U+2685: ⚁ ⚂ ⚃ ⚄ ⚅) for full dice notation.

⚡ Quick Reference — Die Face 1

Unicode U+2680

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+2680
Hex code       ⚀
HTML code      ⚀
Named entity   —
CSS code       \2680
Die faces 2–6  U+2681–U+2685
1

Complete HTML Example

This example demonstrates the die face 1 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: "\2680";
  }
 </style>
</head>
<body>
<p>Die Face 1 using Hexadecimal: &#x2680;</p>
<p>Die Face 1 using HTML Code: &#9856;</p>
<p id="point">Die Face 1 using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+2680 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 1 symbol (⚀) in game and educational contexts:

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

🧠 How It Works

1

Hexadecimal Code

&#x2680; uses the Unicode hexadecimal value 2680 to display die face 1. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2680 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 1: . Unicode U+2680 is in Miscellaneous Symbols (U+2600–U+26FF). No named HTML entity exists.

Use Cases

The die face 1 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 single-dot die face for a roll of 1.

🎓 Education

Teaching dice notation with standard Unicode faces ⚀–⚅.

🎲 Randomizers

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

🔤 Entity references

Unicode tables and HTML entity guides for game symbols.

💡 Best Practices

Do

  • Use &#x2680; or &#9856; since no named entity exists
  • Add aria-label="Roll result: 1" (or visible text) for accessibility
  • Pair with U+2681–U+2685 for other die faces when needed
  • Use \2680 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+2680 has none
  • Rely on symbol alone without text for screen readers
  • Put CSS escape \2680 in HTML text nodes
  • Mix hex and decimal styles randomly in one file

Key Takeaways

1

No named entity—use numeric references

&#x2680; &#9856;
2

For CSS, use \2680 in the content property

\2680
3

U+2680 DIE FACE-1—one dot (ace)

4

Die faces 2–6: U+2681–U+2685 (⚁–⚅)

5

Three methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &#x2680; (hex), &#9856; (decimal), or \2680 in CSS content. There is no named HTML entity. All produce ⚀.
U+2680 (DIE FACE-1). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2680, decimal 9856. Shows a dice face with one dot.
In dice games, board game interfaces, probability displays, educational content, game development, and any web content that needs a single-dot die face or dice notation.
HTML numeric references (&#9856; or &#x2680;) go in markup. The CSS escape \2680 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 (e.g. die face 2: &#9857; or &#x2681;). See Die Face 2 when available.

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.

8 people found this page helpful