HTML Entity for Open Centre Black Star (✫)
What You'll Learn
How to display the Open Centre Black Star (✫) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+272B (OPEN CENTRE BLACK STAR) in the Dingbats block (U+2700–U+27BF)—a black star with an open centre, useful for decorative accents, ratings, favorites, list markers, and symbolic typography.
Render it with ✫, ✫, or CSS escape \272B. There is no named HTML entity. Do not confuse ✫ with the solid black star U+2605 (★), open centre asterisk U+2732 (✲), or circled white star U+272A (✪).
⚡ Quick Reference — Open Centre Black Star
U+272BDingbats block
✫Hexadecimal reference
✫Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+272B
Hex code ✫
HTML code ✫
Named entity (none)
CSS code \272B
Meaning Open centre black star (Dingbats)
Related U+2605 = black star (★)
U+2732 = open centre asterisk (✲)
U+272A = circled white star (✪)
U+272E = heavy outlined black star (✮)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing ✫ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\272B";
}
</style>
</head>
<body>
<p>Open centre black star (hex): ✫</p>
<p>Open centre black star (decimal): ✫</p>
<p id="point">Open centre black star (CSS): </p>
</body>
</html>🌐 Browser Support
The Open Centre Black Star (✫) is widely supported in all modern browsers:
👀 Live Preview
See the Open Centre Black Star (✫) in decorative and design contexts:
🧠 How It Works
Hexadecimal Code
✫ uses the Unicode hexadecimal value 272B to display the open centre black star.
Decimal HTML Code
✫ uses the decimal Unicode value 10027 for the same character.
CSS Entity
\272B is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after for custom bullets or icons.
Decorative star result
All three methods render ✫. Unicode U+272B in the Dingbats block. Next: Open Centre Cross (✛).
Use Cases
The Open Centre Black Star (✫) is commonly used in:
Star ratings, bookmark indicators, and featured-item labels in UI copy.
Decorative symbols in headers, badges, cards, and typography layouts.
Distinct list markers and highlight bullets beyond default disc styles.
Editor’s picks, recommended items, and special-callout markers in content.
Icon-like symbols in navigation, tags, and status indicators without image assets.
Character pickers, entity documentation, and Dingbats symbol guides.
Pair decorative ✫ with visible text; do not rely on the symbol alone for meaning.
💡 Best Practices
Do
- Use
✫or✫for inline decorative stars - Use CSS
\272Bin::beforefor custom list bullets or icons - Set
<meta charset="utf-8">for reliable rendering - Pick one numeric style per project for consistency
- Provide text labels alongside star symbols in ratings UI
Don’t
- Confuse ✫ with solid black star ★ (U+2605) or open centre asterisk ✲ (U+2732)
- Use padded Unicode notation like U+0272B—the correct value is
U+272B - Use CSS escape
\272Bin HTML text nodes - Use ✫ as the sole indicator in accessible ratings without text or ARIA
- Assume every font renders Dingbats identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+272B
✫ ✫For CSS stylesheets, use \272B in the content property
Unicode U+272B — OPEN CENTRE BLACK STAR in Dingbats
Distinct from solid ★, asterisk ✲, and circled ✪
Previous: Open Centre Asterisk (✲) Next: Open Centre Cross (✛)
❓ Frequently Asked Questions
✫ (hex), ✫ (decimal), or \272B in CSS content. There is no named entity. All three render ✫.U+272B (OPEN CENTRE BLACK STAR). Dingbats block (U+2700–U+27BF). Hex 272B, decimal 10027.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful