HTML Entity for Medium Small White Circle (⚬)
What You'll Learn
How to display the medium small white circle (⚬) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+26AC (MEDIUM SMALL WHITE CIRCLE) in the Dingbats block (U+2700–U+27BF)—a compact hollow circle for UI bullets, design accents, and typographic markers.
Render it with ⚬, ⚬, or CSS escape \26AC. There is no named HTML entity. Do not confuse ⚬ with ○ (white circle, U+25CB) or ⚪ (medium white circle, U+26AA)—each is a distinct size and glyph.
⚡ Quick Reference — Medium Small White Circle
U+26ACDingbats block
⚬Hexadecimal reference
⚬Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+26AC
Hex code ⚬
HTML code ⚬
Named entity (none)
CSS code \26AC
Meaning Medium small white circle
Related U+25CB = white circle (○)
U+26AA = medium white circle (⚪)
U+26AB = medium black circle (⚫)Complete HTML Example
This example demonstrates the medium small white circle (⚬) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\26AC";
}
</style>
</head>
<body>
<p>Circle using Hexadecimal: ⚬</p>
<p>Circle using HTML Code: ⚬</p>
<p id="point">Circle using CSS Entity: </p>
<p>List marker: ⚬ First item ⚬ Second item</p>
</body>
</html>🌐 Browser Support
The medium small white circle is widely supported in modern browsers:
👀 Live Preview
See the medium small white circle (⚬) in UI and design contexts:
🧠 How It Works
Hexadecimal Code
⚬ uses the Unicode hexadecimal value 26AC to display the medium small white circle. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚬ uses the decimal Unicode value 9900 to display the same character.
CSS Entity
\26AC is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for custom list bullets.
Same visual result
All three methods produce: ⚬. Unicode U+26AC sits in the Dingbats block (U+2700–U+27BF). No named HTML entity—use numeric codes in markup.
Use Cases
The medium small white circle (⚬) is commonly used in:
Custom inline markers and compact bullet points in content.
Status dots, step indicators, and minimalist interface accents.
Inline separators, footnote markers, and decorative punctuation.
Editorial layouts, feature lists, and magazine-style web pages.
Legend keys, chart markers, and data visualization labels.
HTML entity tutorials and Dingbats Unicode documentation.
💡 Best Practices
Do
- Use
⚬or⚬consistently per project - Prefer semantic
<ul>/<li>for real lists; use ⚬ for decorative accents - Serve pages with UTF-8 (
<meta charset="utf-8">) - Pair with accessible text when the circle conveys meaning
- Test glyph rendering across browsers and font stacks
Don’t
- Confuse ⚬ with ○ (white circle) or ⚪ (medium white circle)
- Rely on decorative circles alone for critical status information
- Put CSS escape
\26ACin HTML text nodes - Use HTML entities in JS (use
\u26AC) - Use padded Unicode notation like U+026AC—the correct value is
U+26AC
Key Takeaways
Two HTML references both render ⚬
⚬ ⚬For CSS stylesheets, use the escape in the content property
\26ACUnicode U+26AC — MEDIUM SMALL WHITE CIRCLE in Dingbats
No named HTML entity—use numeric codes or UTF-8 literal ⚬
Smaller than ⚪ (medium white) and ○ (standard white circle)
❓ Frequently Asked Questions
⚬ (hex), ⚬ (decimal), or \26AC in CSS content. All produce ⚬. There is no named HTML entity for U+26AC.U+26AC (MEDIUM SMALL WHITE CIRCLE). Dingbats block (U+2700–U+27BF). Hex 26AC, decimal 9900.⚬ or ⚬) go directly in markup. The CSS escape \26AC is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.⚬ or ⚬, or type ⚬ directly in UTF-8 source files.Explore More HTML Entities!
Discover 1500+ HTML character references — dingbats, symbols, and decorative glyphs.
About the author
8 people found this page helpful