HTML Entity for Circled White Star (✪)
What You'll Learn
How to display the Circled White Star (✪) in HTML using numeric references and CSS escapes. This character is U+272A (CIRCLED WHITE STAR) in the Dingbats block (U+2700–U+27BF)—a white star inside a circle used for decorative design and typography.
There is no named HTML entity for U+272A. Use ✪, ✪, or \272A in CSS content. Do not confuse ✪ with Stress Outlined White Star U+2729 (✩), Black Centre White Star U+272C (✬), or plain White Star U+2606 (☆).
⚡ Quick Reference — Circled White Star
U+272ADingbats block
✪Hexadecimal reference
✪Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+272A
Hex code ✪
HTML code ✪
Named entity —
CSS code \272AComplete HTML Example
This example shows U+272A using hexadecimal and decimal references plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\272A";
}
</style>
</head>
<body>
<p>Circled White Star using Hexa Decimal: ✪</p>
<p>Circled White Star using HTML Code: ✪</p>
<p id="point">Circled White Star using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Circled White Star is supported in all modern browsers:
👀 Live Preview
See the Circled White Star in decorative contexts:
🧠 How It Works
Hexadecimal Code
✪ uses the Unicode hexadecimal value 272A to display the Circled White Star.
Decimal HTML Code
✪ uses the decimal Unicode value 10026 to display the same character.
CSS Entity
\272A is used in CSS stylesheets—for example in content on ::marker, ::before, or ::after.
Same visual result
All three methods produce the Circled White Star glyph: ✪. Unicode U+272A sits in the Dingbats block (U+2700–U+27BF). No named HTML entity exists.
Use Cases
The Circled White Star (✪) commonly appears in:
Bullet points, section dividers, and ornamental web elements.
Headers, callouts, and typographic ornaments in creative projects.
Custom list markers via CSS ::marker or inline HTML.
Star-style indicators, featured items, or decorative emphasis markers.
Invitations, formatted content, and print-style web layouts.
Unicode tables and dingbat character galleries.
Use aria-hidden="true" when purely decorative; pair with text when meaningful.
💡 Best Practices
Do
- Use
✪or✪consistently in HTML - Set
aria-hidden="true"on purely decorative star glyphs - Use CSS
\272Ain::markerfor custom list bullets - Choose fonts that support Dingbats (U+2700–U+27BF)
- Provide visible text alongside the symbol when it conveys meaning
Don’t
- Confuse U+272A (✪) with U+272C (✬) or U+2729 (✩)
- Put CSS escape
\272Ainside HTML text nodes - Assume a named entity exists—U+272A has none
- Rely on the glyph alone for ratings without accessible labels
- Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
✪ ✪For CSS stylesheets, use the escape in the content property
\272AU+272A CIRCLED WHITE STAR in Dingbats
Decorative white star inside a circle
Three methods, one glyph — all widely supported
❓ Frequently Asked Questions
✪ (hex), ✪ (decimal), or \272A in CSS content. There is no named HTML entity for U+272A.U+272A (CIRCLED WHITE STAR). Dingbats block (U+2700–U+27BF). Hex 272A, decimal 10026.✪ or ✪) go directly in HTML markup. The CSS escape \272A is used in stylesheets, typically in the content property of pseudo-elements.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful