HTML Entity for Die Face 1 (⚀)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2680

HTML Entity for die face 1 (U+2680) tutorial illustration

Definition

What Is Die Face 1?

Die face 1 (⚀) is the Unicode character at U+2680 in the Miscellaneous Symbols block. Official name: DIE FACE-1. It shows a six-sided die with one pip — useful for games, probability, and teaching.

Remember

Character     ⚀
Unicode       U+2680
Named entity  (none)
Hex entity    &#x2680;
Decimal       &#9856;
CSS escape    \2680
Series        ⚀ ⚁ ⚂ ⚃ ⚄ ⚅

Prefer ⚀ or ⚀ in HTML markup (no named form). You can also type ⚀ in UTF-8 when the document encoding supports it.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Direct character	`⚀`	HTML text (UTF-8)
Hex entity	`⚀`	HTML markup (preferred)
Decimal entity	`⚀`	HTML markup
CSS escape	`\2680`	Stylesheet `content`

When to Use Which

Situation	Use
Show a die rolled 1	`⚀` or type `⚀`
Die face 2	⚁ / `⚁`
Die face 6	⚅ / `⚅`
Accessible roll label	Glyph + text or `aria-label` (e.g. “rolled 1”)
Generated text via `::before` / `::after`	`content: "\2680"`

See it

Live Preview

Die face 1 rendered in common game and teaching contexts.

Roll You rolled: ⚀

Large glyph ⚀

All faces ⚀ ⚁ ⚂ ⚃ ⚄ ⚅

Compared ⚀ ⚁ ⚅

With entities Hex: ⚀ | Decimal: ⚀

Code

Complete HTML Example

One page that shows Die Face 1 with hex, decimal, CSS escape, a typed character, and the full face series. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed + Series

Four ways to produce ⚀, plus faces 1–6 for context.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Die Face 1 (⚀) in HTML</title>
  <style>
    #point::after {
      content: "\2680";
    }
    .dice {
      font-size: 1.5rem;
      letter-spacing: 0.25em;
    }
  </style>
</head>
<body>
  <p>Die face 1 using Hex Code: &#x2680;</p>
  <p>Die face 1 using HTML Code: &#9856;</p>
  <p id="point">Die face 1 using CSS Entity: </p>
  <p>Typed directly: ⚀</p>
  <p class="dice" aria-label="Roll result: 1">You rolled: &#x2680;</p>
  <p class="dice">All faces: ⚀ ⚁ ⚂ ⚃ ⚄ ⚅</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2680 → ⚀ in HTML. Preferred when there is no named entity.

2. Decimal: same code point as 9856 → ⚀. Same glyph as hex.

3. CSS: use \2680 in content (not an HTML entity). #point::after appends that ⚀ after the paragraph text.

4. Typed / roll: paste ⚀ in UTF-8. The roll line uses aria-label so screen readers hear “Roll result: 1”, not only an unlabeled symbol.

5. Series: faces 1–6 are consecutive Unicode points U+2680–U+2685 (glyphs ⚀ … ⚅).

Pitfalls & Tips

Common mistakes when working with Die Face 1.

Name

No named entity

There is no &dieface1; or similar. Use ⚀ or ⚀.

A11y

Say the number

A lone ⚀ may not announce clearly. Add nearby text or aria-label (e.g. “rolled 1”).

Emoji

Not game-die emoji

The emoji 🎲 is a different character (often U+1F3B2). Die face 1 is specifically U+2680.

CSS vs HTML

Do not mix escapes

\2680 belongs in CSS strings. ⚀ / ⚀ belong in HTML.

Fonts

Symbol font coverage

Some fonts omit die faces. Prefer a font with Miscellaneous Symbols coverage for display.

Semicolon

End references

Always finish with ; — write ⚀, not &#x2680.

Compatibility

Browser Support

Die face 1 (U+2680) and its entity forms (⚀, ⚀, CSS \\2680) are supported in all mainstream browsers. Visible glyphs depend on symbol font coverage.

✓ Universal support

Die Face 1 (⚀)

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+2680 / entities Full support

Bottom line: Prefer ⚀ in HTML (no named form). Use ⚀ when decimal form is required, and \\2680 only inside CSS content.

Remember

Key Takeaways

Unicode: die face 1 is U+2680 (decimal 9856) — glyph ⚀.
HTML: no named entity — use ⚀ / ⚀ / type ⚀.
CSS: use \2680 inside content for generated text.
Series: faces 1–6 are U+2680–U+2685 (⚀ … ⚅).

One line: U+2680 → ⚀ / ⚀ / CSS \2680 / type ⚀ (no named entity).

Frequently Asked Questions

How do I display die face 1 (⚀) in HTML?

Use ⚀ (hex), ⚀ (decimal), type ⚀ directly in UTF-8, or the CSS escape \2680 in content. There is no named HTML entity for U+2680.

What is the Unicode value for die face 1?

U+2680 (DIE FACE-1). Hex 2680, decimal 9856. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2680?

No. Use numeric forms ⚀ or ⚀, or type the character in a UTF-8 document.

When should I use U+2680?

Use it for dice games, board-game UIs, probability demos, and education when you need a standard six-sided die showing one pip.

What is the difference between HTML code and CSS entity for U+2680?

HTML entities (⚀ or ⚀) go in markup. The CSS escape \2680 goes in stylesheet strings (usually content on ::before/::after).

How do I show other die faces?

Faces 1–6 are U+2680 through U+2685. For face 2 use ⚁ (U+2681), and so on up to ⚅ for face 6.

Did you know?

Die face 1 is Unicode U+2680 (decimal 9856) — glyph ⚀ in the Miscellaneous Symbols block. There is no HTML5 named entity; use ⚀ or ⚀. Faces 1–6 are consecutive: U+2680–U+2685.

Next: Die Face 2

Learn the HTML entity for die face 2 (U+2681).

Die Face 2 tutorial →

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

HTML Entity | Diamond Operator HTML Entity | Die Face 2