HTML Entity for Die Face 3 (⚂)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2682

HTML Entity for die face 3 (U+2682) tutorial illustration

Definition

What Is Die Face 3?

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

Remember

Character     ⚂
Unicode       U+2682
Named entity  (none)
Hex entity    &#x2682;
Decimal       &#9858;
CSS escape    \2682
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	`\2682`	Stylesheet `content`

When to Use Which

Situation	Use
Show a die rolled 3	`⚂` or type `⚂`
Die face 2	⚁ / `⚁`
Die face 4	⚃ / `⚃`
Accessible roll label	Glyph + text or `aria-label` (e.g. “rolled 3”)
Generated text via `::before` / `::after`	`content: "\2682"`

See it

Live Preview

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

Try It Yourself

How It Works

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

2. Decimal: same code point as 9858 → ⚂. Same glyph as hex.

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

Name

No named entity

There is no &dieface3; or similar. Use ⚂ or ⚂.

A11y

Say the number

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

Emoji

Not game-die emoji

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

CSS vs HTML

Do not mix escapes

\2682 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 &#x2682.

Compatibility

Browser Support

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

✓ Universal support

Die Face 3 (⚂)

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

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

Remember

Key Takeaways

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

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

Frequently Asked Questions

How do I display die face 3 (⚂) in HTML?

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

What is the Unicode value for die face 3?

U+2682 (DIE FACE-3). Hex 2682, decimal 9858. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2682?

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

When should I use U+2682?

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

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

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

Did you know?

Die face 3 is Unicode U+2682 (decimal 9858) — 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 4

Learn the HTML entity for die face 4 (U+2683).

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