HTML Entity for White Circle Dot Right (⚆)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2686

HTML Entity for White Circle with Dot Right (U+2686) tutorial illustration

Definition

What Is White Circle Dot Right?

White Circle with Dot Right (⚆) is the Unicode character at U+2686 (WHITE CIRCLE WITH DOT RIGHT) in Miscellaneous Symbols. HTML5 has no named entity — use hex or decimal. Use it for die-face style marks, game notation, and directional UI.

Remember

Character     ⚆
Unicode       U+2686
Named entity  (none)
Hex entity    &#x2686;
Decimal       &#9862;
CSS escape    \2686
Not the same  ⚇ (two dots) · ⚈ (black) · &cir; (○)

Hex, decimal, CSS, and a typed character all produce the same glyph: ⚆. Prefer ⚆ or ⚆ in HTML markup. For the two-dot form see White Circle Two Dots; 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	`\2686`	Stylesheet `content` (4 hex digits)
Direct character	`⚆`	UTF-8 HTML text

When to Use Which

Situation	Use
White circle with one right-side dot	`⚆` or type `⚆`
Numeric-only markup	`⚆` or `⚆`
Generated text via `::before` / `::after`	`content: "\2686"`
White circle with two dots (⚇)	Use `⚇` (U+2687)
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 Dot Right 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 Dot Right (⚆)</title>
  <style>
    #point::after {
      content: "\2686";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2686;</p>
  <p>Built with Decimal: &#9862;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⚆</p>
  <p>Label: Mark &#x2686;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex / decimal: U+2686 → ⚆ or ⚆. The browser turns either into ⚆.

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

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

4. Look-alikes: two-dot white form is ⚇ (U+2687); plain circle is ○ (&cir;) — different characters.

Pitfalls & Tips

Common mistakes when working with White Circle with Dot Right.

Named

There is no named entity

HTML5 does not define a name for U+2686. Use ⚆ or ⚆.

vs two dots

Not the two-dot form

U+2687 (⚇) has two dots. See White Circle Two Dots.

vs ○

Not a plain white circle

&cir; is ○ (U+25CB) with no inner dots. Use U+2686 only when you need the right-side dot.

Fonts

Need Miscellaneous Symbols coverage

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

CSS vs HTML

Do not mix escapes

\2686 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 Dot Right (U+2686) and its entity forms (⚆, ⚆, CSS \\2686) are supported in all mainstream browsers when the page is UTF-8 and the font covers Miscellaneous Symbols.

✓ Universal support

White Circle Dot Right (⚆)

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+2686 Full support

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

Remember

Key Takeaways

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

One line: U+2686 → ⚆ / ⚆ / CSS \2686 (no named entity).

Frequently Asked Questions

How do I display White Circle with Dot Right (⚆) in HTML using entities?

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

What is the Unicode value for White Circle with Dot Right?

U+2686 (WHITE CIRCLE WITH DOT RIGHT). Hex 2686, decimal 9862. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2686?

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

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

U+2686 is a white circle with one dot on the right (⚆). U+2687 has two dots (⚇). 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, directional UI, and diagrams that need a white circle with a right-side dot — not as a substitute for a plain circle.

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

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

Did you know?

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

Next: White Circle Two Dots

Continue with the White Circle Two Dots 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 Chess Rook HTML Entity | White Circle Two Dots