HTML Entity for Circled Open Centre Eight Pointed Star (❂)
What You'll Learn
How to display the Circled Open Centre Eight Pointed Star (❂) in HTML using numeric references and CSS escapes. This character is U+2742 (CIRCLED OPEN CENTRE EIGHT POINTED STAR) in the Dingbats block (U+2700–U+27BF)—a decorative eight-pointed star with an open centre inside a circle.
There is no named HTML entity for U+2742. Use ❂, ❂, or \2742 in CSS content. Do not confuse ❂ with Eight Pointed Rectilinear Black Star U+2734 (✴) or Eight Pointed Pinwheel Star U+272F (✯).
⚡ Quick Reference — Circled Open Centre Eight Pointed Star
U+2742Dingbats block
❂Hexadecimal reference
❂Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2742
Hex code ❂
HTML code ❂
Named entity —
CSS code \2742Complete HTML Example
This example shows U+2742 using hexadecimal and decimal references plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2742";
}
</style>
</head>
<body>
<p>Circled Open Centre Eight Pointed Star using Hexa Decimal: ❂</p>
<p>Circled Open Centre Eight Pointed Star using HTML Code: ❂</p>
<p id="point">Circled Open Centre Eight Pointed Star using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Circled Open Centre Eight Pointed Star is supported in all modern browsers:
👀 Live Preview
See the Circled Open Centre Eight Pointed Star in decorative contexts:
🧠 How It Works
Hexadecimal Code
❂ uses the Unicode hexadecimal value 2742 to display the star symbol.
Decimal HTML Code
❂ uses the decimal Unicode value 10050 to display the same character.
CSS Entity
\2742 is used in CSS stylesheets—for example in content on ::marker, ::before, or ::after.
Same visual result
All three methods produce the Circled Open Centre Eight Pointed Star glyph: ❂. Unicode U+2742 sits in the Dingbats block (U+2700–U+27BF). No named HTML entity exists.
Use Cases
The Circled Open Centre Eight Pointed 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.
Featured items, premium tiers, 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
\2742in::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+2742 (❂) with U+2734 (✴) or U+272F (✯)
- Put CSS escape
\2742inside HTML text nodes - Assume a named entity exists—U+2742 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
\2742U+2742 in the Dingbats block
Decorative eight-pointed star with open centre
Three methods, one glyph — all widely supported
❓ Frequently Asked Questions
❂ (hex), ❂ (decimal), or \2742 in CSS content. There is no named HTML entity for U+2742.U+2742 (CIRCLED OPEN CENTRE EIGHT POINTED STAR). Dingbats block (U+2700–U+27BF). Hex 2742, decimal 10050.❂ or ❂) go directly in HTML markup. The CSS escape \2742 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