HTML Entity for Black Circle with White Dot Right (⚈)
What You'll Learn
How to display Black Circle with White Dot Right (⚈) in HTML and CSS. This character is U+2688 in the Miscellaneous Symbols block (U+2600–U+26FF), added in Unicode 3.2. It shows a black circle with a white dot on the right. In Go, ad hoc notation uses it to mark positions where a black stone is worth a point.
There is no named HTML entity for U+2688. Use ⚈ or ⚈ in markup, or \2688 in stylesheet content. The symbol also suits UI bullets, step indicators, diagrams, and emphasis markers. Pair decorative glyphs with visible text or aria-label when the symbol conveys state.
⚡ Quick Reference — Black Circle Dot Right
U+2688Miscellaneous Symbols
⚈Hexadecimal reference
⚈Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2688
Hex code ⚈
HTML code ⚈
Named entity —
CSS code \2688Complete HTML Example
This example shows U+2688 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2688";
}
</style>
</head>
<body>
<p>Black Circle with White Dot Right using Hexa Decimal: ⚈</p>
<p>Black Circle with White Dot Right using HTML Code: ⚈</p>
<p id="point">Black Circle with White Dot Right using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2688 is widely supported; piece artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside related circle-dot symbols (font-dependent):
🧠 How It Works
Hexadecimal Code
⚈ references code point U+2688 using hex digits 2688 after the #x prefix.
Decimal HTML Code
⚈ is the decimal equivalent (9864) for the same Black Circle with White Dot Right character.
CSS Entity
\2688 is the CSS escape for U+2688, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ⚈. There is no named HTML entity for U+2688.
Use Cases
The Black Circle with White Dot Right (⚈) is commonly used for:
Mark board points where a black stone is worth a point in diagrams and reviews.
Custom bullets, nav indicators, and emphasis in interfaces.
Step indicators, flowcharts, and directional markers in documentation.
Checklists, completion steps, and status markers.
Feature callouts, ratings, and “current item” affordances.
Printable guides and handouts from HTML without image assets.
Pair ⚈ with text or ARIA (e.g. “Current step”) when it conveys state.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+2688
- Use hex or decimal consistently—there is no named entity for U+2688
- Pair ⚈ with clear text when it marks a step or status
- Scale with
font-sizeso the glyph fits your layout - Use
\2688only inside CSScontent, not inside HTML text nodes - Add
aria-labelortitle(e.g. “Selected”) for screen readers
Don’t
- Confuse U+2688 with sibling circle-dot code points U+2686–U+2689
- Rely on ⚈ alone to communicate meaning in critical UI
- Assume every font renders Miscellaneous Symbols crisply at small sizes
- Ship stateful UI using only dingbats without accessible fallbacks
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
⚈ ⚈CSS content escape
\2688U+2688 is dot on the right; siblings U+2686–U+2689 vary dot position
Part of Miscellaneous Symbols (U+2600–U+26FF); common in Go and UI markup
Pair glyphs with text or ARIA when the symbol conveys interactive state
❓ Frequently Asked Questions
⚈ (hex), ⚈ (decimal), or \2688 in CSS content. There is no named entity; all valid methods render ⚈.U+2688 (hex 2688, decimal 9864). Miscellaneous Symbols. Unicode name BLACK CIRCLE WITH WHITE DOT RIGHT.\2688 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.⚈, ⚈, or \2688 in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful