HTML Entity for White Circle Two Dots (⚇)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2687

What You'll Learn

How to display White Circle with Two Dots (⚇) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2687 (WHITE CIRCLE WITH TWO DOTS) in the Miscellaneous Symbols block (U+2600–U+26FF), in the Go markers subrange (U+2686–U+2689).

Render it with ⚇, ⚇, or CSS escape \2687. There is no named HTML entity. In Go notation it marks positions with dual significance; it also suits paired indicators, dual-state UI, and diagram notation. Do not confuse ⚇ with ⚆ (one dot) or ⚉ (black circle, two dots).

⚡ Quick Reference — White Circle Two Dots

Unicode U+2687

Miscellaneous Symbols (Go markers)

Hex Code ⚇

Hexadecimal reference

HTML Code ⚇

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2687
Hex code       ⚇
HTML code      ⚇
Named entity   (none)
CSS code       \2687
Meaning        White circle with two dots
Related        U+2686 = ⚆ (white circle dot right)
               U+2688 = ⚈ (black circle dot right)
               U+2689 = ⚉ (black circle two dots)
Block          Miscellaneous Symbols (U+2686–U+2689 Go markers)
1

Complete HTML Example

A simple example showing White Circle with Two Dots (⚇) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #marker:after{
   content: "\2687";
  }
 </style>
</head>
<body>
<p>White Circle Two Dots (hex): &#x2687;</p>
<p>White Circle Two Dots (decimal): &#9863;</p>
<p id="marker">White Circle Two Dots (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+2687 is supported in modern browsers when the font includes Miscellaneous Symbols glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See White Circle with Two Dots (⚇) in context:

Large glyph
Dual markerOption A ⚇ Option B
Go markers (U+2686–U+2689)⚆ ⚇ ⚈ ⚉
Not the same as⚆ (U+2686, one dot) or ⚉ (U+2689, black circle)
Numeric refs&#x2687; &#9863; \2687

🧠 How It Works

1

Hexadecimal Code

&#x2687; uses the Unicode hexadecimal value 2687 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9863; uses the decimal Unicode value 9863 to display the same character. A common method for symbol characters in HTML.

HTML markup
3

CSS Entity

\2687 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: . Unicode U+2687 is the second Go-marker symbol in U+2686–U+2689. Not the same as ⚆ (one dot) or ⚉ (black circle, two dots).

Use Cases

White Circle with Two Dots (⚇) is commonly used in:

⚫ Go notation

Mark board positions with dual significance in Go/Weiqi content.

🔄 Dual-state indicators

Paired options, binary choices, and two-value UI states.

📊 Flow diagrams

Branch points, decision nodes, and paired pathway markers.

🖥 UI bullets

Distinctive list markers and paired emphasis points.

🎨 Design elements

Logos, decorative symbols, and visual identity accents.

📚 Instructional content

Tutorials and guides marking paired concepts or steps.

🔬 Diagram notation

Technical docs and visual annotation with dual markers.

💡 Best Practices

Do

  • Pair ⚇ with accessible text or aria-label when it conveys state
  • Use numeric references when escaping is required
  • Pick one style (hex or decimal) per project for consistency
  • Use fonts that support Miscellaneous Symbols characters
  • Distinguish U+2687 from U+2686 (one dot) and U+2689 (black circle) in Go notation

Don’t

  • Confuse ⚇ (white circle two dots) with ⚆ (one dot) or ⚉ (black circle two dots)
  • Mix entity styles randomly in one file
  • Use CSS escape \2687 inside HTML markup
  • Expect a named HTML entity—none exists for ⚇
  • Rely on the glyph alone without context in UI or diagrams

Key Takeaways

1

Type ⚇ directly, or use hex/decimal references

&#x2687; &#9863;
2

For CSS stylesheets, use the escape in the content property

\2687
3

Unicode U+2687 — WHITE CIRCLE WITH TWO DOTS (Go markers)

4

Siblings U+2686–U+2689 vary dot count and circle color

❓ Frequently Asked Questions

Use &#x2687; (hex), &#9863; (decimal), or \2687 in CSS content. There is no named HTML entity. In UTF-8 you can also type ⚇ directly.
U+2687 (WHITE CIRCLE WITH TWO DOTS). Go markers subrange U+2686–U+2689 in Miscellaneous Symbols. Hex 2687, decimal 9863.
In Go notation, dual-state indicators, paired markers, flow diagrams, UI bullets, and decorative content that needs a white circle with two dots.
HTML entities (&#9863; or &#x2687;) go directly in markup. The CSS escape \2687 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.
Named HTML entities are reserved for commonly used ASCII, Latin-1, and widely recognized symbols. Miscellaneous Symbols like ⚇ use numeric codes. Use &#9863; or &#x2687; in HTML, or \2687 in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, punctuation, and more.

All HTML Entities →

About the author

Mari Selvan M P
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.

8 people found this page helpful