HTML Entity for Die Face 2 (⚁)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2681

HTML Entity for die face 2 (U+2681) tutorial illustration

Definition

What Is Die Face 2?

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

Remember

Character     ⚁
Unicode       U+2681
Named entity  (none)
Hex entity    &#x2681;
Decimal       &#9857;
CSS escape    \2681
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	`\2681`	Stylesheet `content`

When to Use Which

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

See it

Live Preview

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

Try It Yourself

How It Works

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

2. Decimal: same code point as 9857 → ⚁. Same glyph as hex.

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

Name

No named entity

There is no &dieface2; or similar. Use ⚁ or ⚁.

A11y

Say the number

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

Emoji

Not game-die emoji

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

CSS vs HTML

Do not mix escapes

\2681 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 &#x2681.

Compatibility

Browser Support

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

✓ Universal support

Die Face 2 (⚁)

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

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

Remember

Key Takeaways

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

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

Frequently Asked Questions

How do I display die face 2 (⚁) in HTML?

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

What is the Unicode value for die face 2?

U+2681 (DIE FACE-2). Hex 2681, decimal 9857. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2681?

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

When should I use U+2681?

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

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

HTML entities (⚁ or ⚁) go in markup. The CSS escape \2681 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 1 use ⚀ (U+2680); for face 3 use ⚂ (U+2682).

Did you know?

Die face 2 is Unicode U+2681 (decimal 9857) — 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 3

Learn the HTML entity for die face 3 (U+2682).

Die Face 3 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 1 HTML Entity | Die Face 3