HTML Entity for Black Circle with White Dot Right (⚈)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2688

What Is Black Circle with White Dot Right?

Black circle with white dot right (⚈) is Unicode U+2688 in the Miscellaneous Symbols block. It is a filled circle with a white dot on the right — useful for diagrams and status markers. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ⚈
Unicode       U+2688
Hex entity    ⚈
Decimal       ⚈
Named entity  (none)
CSS escape    \2688
Not the same  ⚉ U+2689 (two white dots)

All of these produce the same glyph: ⚈. Prefer typing ⚈ in UTF-8 when you can; use ⚈ / ⚈ or CSS for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character⚈HTML text (UTF-8)
Named entityNone—
Hex entity⚈HTML markup
Decimal entity⚈HTML markup
CSS escape\2688Stylesheet content

When to Use Which

SituationUse
One white dot on the right⚈ or type ⚈
Two white dots⚉ (U+2689)
Need an entity in HTML source⚈ or ⚈
Icon via CSScontent: "\2688" on ::before

Live Preview

Black circle with white dot right in study contexts.

Inline marker ⚈ status
Large glyph ⚈
vs. two dots ⚈ one  ·  ⚉ two
Accessible label black circle with white dot right
With entities Hex: ⚈ | Decimal: ⚈

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce ⚈ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Circle with White Dot Right (⚈) in HTML</title>
  <style>
    #point::after {
      content: "\2688";
    }
  </style>
</head>
<body>
  <p>Black circle dot right using Hex Code: &#x2688;</p>
  <p>Black circle dot right using HTML Code: &#9864;</p>
  <p id="point">Black circle dot right using CSS Entity: </p>
  <p>Typed directly: ⚈</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2688 → &#x2688; in HTML. The browser turns it into ⚈.

2. Decimal: same code point as 9864 → &#9864;. Same result as hex.

3. CSS: use \2688 in content (not an HTML entity). #point::after appends that ⚈ after the paragraph text.

4. Typed ⚈: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black circle with white dot right (⚈).

Named

No &name; form

U+2688 has no standard named entity — use &#x2688; or &#9864;.

⚉

Not two-dot form

For two white dots use ⚉ (U+2689).

a11y

Describe the marker

Screen readers may skip rare symbols. Add a short label when the marker carries meaning.

Fonts

Check symbol coverage

Some UI fonts omit U+2688. Prefer fonts with solid Miscellaneous Symbols support.

CSS vs HTML

Do not mix escapes

\2688 belongs in CSS. &#x2688; / &#9864; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x2688;, not &#x2688.

Browser Support

Black circle with white dot right (U+2688) and its entity forms (&#x2688;, &#9864;, CSS \\2688) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.

✓ Universal support

Black Circle with White Dot Right (⚈)

Type ⚈, or encode with hex, decimal, or CSS escape — same glyph 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+2688 / entities Full support

Bottom line: Prefer a typed ⚈ or &#x2688; for markers. Use decimal when generating markup, and \\2688 only inside CSS content.

Key Takeaways

  • Unicode: black circle with white dot right is U+2688 (decimal 9864).
  • HTML: use &#x2688; or &#9864; (no named entity).
  • CSS: use \2688 inside content for generated icons.
  • Watch out: ⚈ ≠ ⚉ (one dot ≠ two dots).

One line: U+2688 → &#x2688; / &#9864; / CSS \2688.

Frequently Asked Questions

Use &#x2688; (hex), &#9864; (decimal), or the CSS escape \2688 in the content property. All render ⚈. You can also paste ⚈ directly if your file is UTF-8. There is no standard named entity.
U+2688 (hex 2688, decimal 9864). Unicode names it BLACK CIRCLE WITH WHITE DOT RIGHT. It belongs to the Miscellaneous Symbols block.
No. HTML5 / WHATWG does not define a named character reference for U+2688. Prefer &#x2688;, &#9864;, or a typed ⚈ in UTF-8.
⚈ (U+2688) has one white dot on the right. ⚉ (U+2689) is black circle with two white dots. They are different code points.
HTML entities (&#9864; or &#x2688;) go in markup. The CSS escape \2688 is used in stylesheets (usually in the content property of ::before/::after). Both render ⚈.
In diagrams, Go-style notation, status bullets, and UI markers that need U+2688. Label the meaning in text when accessibility matters.

Did you know?

Black circle with white dot right is Unicode U+2688 (decimal 9864) in the Miscellaneous Symbols block — official name BLACK CIRCLE WITH WHITE DOT RIGHT. There is no standard named HTML entity. It is not black circle with two white dots (U+2689).

Next: Black Circle Two Dots

Learn the HTML entity for black circle with two white dots (⚉).

Next tutorial →

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