HTML Entity for Die Face 5 (⚄)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2684

HTML Entity for die face 5 (U+2684) tutorial illustration

Definition

What Is Die Face 5?

Die face 5 (⚄) is the Unicode character at U+2684 in the Miscellaneous Symbols block. Official name: DIE FACE-5. It shows a six-sided die with five pips — useful for games, probability, and teaching.

Remember

Character     ⚄
Unicode       U+2684
Named entity  (none)
Hex entity    &#x2684;
Decimal       &#9860;
CSS escape    \2684
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	`\2684`	Stylesheet `content`

When to Use Which

Situation	Use
Show a die rolled 5	`⚄` or type `⚄`
Die face 4	⚃ / `⚃`
Die face 6	⚅ / `⚅`
Accessible roll label	Glyph + text or `aria-label` (e.g. “rolled 5”)
Generated text via `::before` / `::after`	`content: "\2684"`

See it

Live Preview

Die face 5 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 5 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 5 (⚄) in HTML</title>
  <style>
    #point::after {
      content: "\2684";
    }
    .dice {
      font-size: 1.5rem;
      letter-spacing: 0.25em;
    }
  </style>
</head>
<body>
  <p>Die face 5 using Hex Code: &#x2684;</p>
  <p>Die face 5 using HTML Code: &#9860;</p>
  <p id="point">Die face 5 using CSS Entity: </p>
  <p>Typed directly: ⚄</p>
  <p class="dice" aria-label="Roll result: 5">You rolled: &#x2684;</p>
  <p class="dice">All faces: ⚀ ⚁ ⚂ ⚃ ⚄ ⚅</p>
</body>
</html>

Try It Yourself

How It Works

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

2. Decimal: same code point as 9860 → ⚄. Same glyph as hex.

3. CSS: use \2684 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: 5”, 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 5.

Name

No named entity

There is no &dieface5; or similar. Use ⚄ or ⚄.

A11y

Say the number

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

Emoji

Not game-die emoji

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

CSS vs HTML

Do not mix escapes

\2684 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 &#x2684.

Compatibility

Browser Support

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

✓ Universal support

Die Face 5 (⚄)

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

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

Remember

Key Takeaways

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

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

Frequently Asked Questions

How do I display die face 5 (⚄) in HTML?

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

What is the Unicode value for die face 5?

U+2684 (DIE FACE-5). Hex 2684, decimal 9860. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2684?

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

When should I use U+2684?

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

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

HTML entities (⚄ or ⚄) go in markup. The CSS escape \2684 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 4 use ⚃ (U+2683); for face 6 use ⚅ (U+2685).

Did you know?

Die face 5 is Unicode U+2684 (decimal 9860) — 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 6

Learn the HTML entity for die face 6 (U+2685).

Die Face 6 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 | Die Face 4 HTML Entity | Die Face 6