HTML Entity for White Circle Two Dots (⚇)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2687

HTML Entity for White Circle with Two Dots (U+2687) tutorial illustration

Definition

What Is White Circle Two Dots?

White Circle with Two Dots (⚇) is the Unicode character at U+2687 (WHITE CIRCLE WITH TWO DOTS) in Miscellaneous Symbols. HTML5 has no named entity — use hex or decimal. Use it for die-face style marks, game notation, and dual-state indicators.

Remember

Character     ⚇
Unicode       U+2687
Named entity  (none)
Hex entity    &#x2687;
Decimal       &#9863;
CSS escape    \2687
Not the same  ⚆ (one dot) · ⚉ (black) · &cir; (○)

Hex, decimal, CSS, and a typed character all produce the same glyph: ⚇. Prefer ⚇ or ⚇ in HTML markup. For the one-dot form see White Circle Dot Right; for a plain circle use &cir; (○).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	Use numeric or type the character
Hex entity	`⚇`	HTML markup (preferred)
Decimal entity	`⚇`	HTML markup
CSS escape	`\2687`	Stylesheet `content` (4 hex digits)
Direct character	`⚇`	UTF-8 HTML text

When to Use Which

Situation	Use
White circle with two dots	`⚇` or type `⚇`
Numeric-only markup	`⚇` or `⚇`
Generated text via `::before` / `::after`	`content: "\2687"`
White circle with one right-side dot (⚆)	Use `⚆` (U+2686)
Plain white circle (○)	Use `&cir;` (U+25CB)

See it

Live Preview

⚇ in context and beside related circle marks.

Example Mark ⚇ next

Large glyph ⚇

Hex entity ⚇ → ⚇

vs look-alikes ⚇ | ⚆ | ⚉ | ○

With entities Hex: ⚇ | Decimal: ⚇

Code

Complete HTML Example

One page that shows White Circle with Two Dots with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ⚇ in HTML and CSS. No named entity exists.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>White Circle Two Dots (⚇)</title>
  <style>
    #point::after {
      content: "\2687";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2687;</p>
  <p>Built with Decimal: &#9863;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⚇</p>
  <p>Label: Mark &#x2687;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex / decimal: U+2687 → ⚇ or ⚇. The browser turns either into ⚇.

2. Typed: in a UTF-8 document you can paste ⚇ directly — same glyph, no entity.

3. CSS: use \2687 in content (four hex digits; not an HTML entity). #point::after appends that ⚇ after the paragraph text.

4. Look-alikes: one-dot white form is ⚆ (U+2686); plain circle is ○ (&cir;) — different characters.

Pitfalls & Tips

Common mistakes when working with White Circle with Two Dots.

Named

There is no named entity

HTML5 does not define a name for U+2687. Use ⚇ or ⚇.

vs one dot

Not the one-dot form

U+2686 (⚆) has a single right-side dot. See White Circle Dot Right.

vs ○

Not a plain white circle

&cir; is ○ (U+25CB) with no inner dots. Use U+2687 only when you need two dots.

Fonts

Need Miscellaneous Symbols coverage

Some fonts omit U+2687. Prefer fonts that cover Miscellaneous Symbols (U+2600–U+26FF).

CSS vs HTML

Do not mix escapes

\2687 belongs in CSS strings. ⚇ / ⚇ belong in HTML.

Encoding

Declare UTF-8

If you type ⚇ directly, keep <meta charset="UTF-8"> so the file is not misread.

Compatibility

Browser Support

White Circle with Two Dots (U+2687) and its entity forms (⚇, ⚇, CSS \\2687) are supported in all mainstream browsers when the page is UTF-8 and the font covers Miscellaneous Symbols.

✓ Universal support

White Circle Two Dots (⚇)

Encode with hex, decimal, CSS escape, or type the character — same Unicode code point everywhere. No named entity.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer IE 9+

Yes*

U+2687 Full support

Bottom line: Prefer ⚇ in HTML text. Use ⚇ as an equivalent, and \\2687 only inside CSS content. Glyph display depends on font coverage.

Remember

Key Takeaways

Unicode: this mark is U+2687 (decimal 9863) — glyph ⚇.
HTML: prefer ⚇ — also ⚇. No named entity.
CSS: use \2687 inside content for generated text.
Watch out: ⚇ ≠ ⚆ ≠ ○.

One line: U+2687 → ⚇ / ⚇ / CSS \2687 (no named entity).

Frequently Asked Questions

How do I display White Circle with Two Dots (⚇) in HTML using entities?

Use ⚇ (hex), ⚇ (decimal), type ⚇ directly in UTF-8, or the CSS escape \2687 in the content property. There is no named HTML entity. Prefer ⚇ for readable markup.

What is the Unicode value for White Circle with Two Dots?

U+2687 (WHITE CIRCLE WITH TWO DOTS). Hex 2687, decimal 9863. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2687?

No. HTML5 does not define a named form. Use numeric references ⚇ or ⚇, or type ⚇ in UTF-8.

How is U+2687 different from U+2686 or U+25CB?

U+2687 is a white circle with two dots (⚇). U+2686 has one right-side dot (⚆). U+25CB (&cir;) is a plain white circle with no dots.

When should I use this HTML entity?

Use it for die-face style marks, Go/game notation, dual-state indicators, and diagrams that need a white circle with two dots — not as a substitute for a plain circle.

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

HTML entities (⚇ or ⚇) go in markup. The CSS escape \2687 is used in stylesheets (usually in the content property of ::before/::after). Prefer four hex digits in CSS.

Did you know?

White Circle with Two Dots is Unicode U+2687 (decimal 9863) — glyph ⚇ (WHITE CIRCLE WITH TWO DOTS) in Miscellaneous Symbols. HTML5 has no named entity — use ⚇ or ⚇. Do not confuse it with White Circle with Dot Right U+2686 (⚆), Black Circle with Two White Dots U+2689 (⚉), or plain white circle &cir; (○).

Next: White Club Suit

Continue with the White Club Suit entity tutorial.

Continue 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 | White Circle Dot Right HTML Entity | White Club Suit