HTML Entity for Black Centre White Star (✬)
What You'll Learn
How to display BLACK CENTRE WHITE STAR (✬) in HTML and CSS. This character is U+272C in the Dingbats block (Unicode range U+2700–U+27BF). It is a five-pointed star with a filled disc in the centre and clear outer points—useful when you want a crisp dingbat star instead of an emoji or a plain asterisk.
There is no named HTML entity for U+272C. Use ✬ or ✬ in markup, or \272C in stylesheet content. Pick a font with solid Dingbats coverage so ✬ matches weight with surrounding text.
⚡ Quick Reference — Black Centre White Star
U+272CDingbats
✬Hexadecimal reference
✬Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+272C
Hex code ✬
HTML code ✬
Named entity —
CSS code \272CComplete HTML Example
This example shows U+272C using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\272C";
}
</style>
</head>
<body>
<p>Black Centre White Star using Hexa Decimal: ✬</p>
<p>Black Centre White Star using HTML Code: ✬</p>
<p id="point">Black Centre White Star using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+272C is a BMP Dingbat; rendering depends on font support:
👀 Live Preview
Compare ✬ with other common star glyphs (fonts vary):
🧠 How It Works
Hexadecimal Code
✬ references code point U+272C using hex digits 272C after the #x prefix.
Decimal HTML Code
✬ is the decimal equivalent (10028) for the same character.
CSS Entity
\272C is the CSS escape for U+272C, 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+272C.
Use Cases
The Black Centre White Star (✬) is commonly used for:
Section kicker lines and hero titles that need a compact star accent.
Custom bullets via list-style wrappers or inline markers in rich text.
Featured quotes, tips, and promo strips beside short labels.
Badges, tags, and icon rows where a dingbat reads cleaner than bitmap icons.
Captions and bios when you want a star without switching to emoji palettes.
Lightweight star rows when design calls for Unicode stars instead of SVG fills.
Add visible text or aria-hidden on purely decorative ✬; use aria-label when it marks “favourite” or “featured”.
💡 Best Practices
Do
- Scale ✬ with
font-sizeoremunits so it matches heading weight - Prefer numeric references in CMS and email-like HTML for predictable decoding
- Test on mobile system fonts; swap to a bundled serif/sans with Dingbats if the glyph looks thin
- Use
\272Conly inside CSScontent, not inside HTML text nodes - Pair meaningful stars with words (“Featured”, “New”) for clarity
Don’t
- Assume ✬ carries the same semantics as ★, ⭐, or rating SVGs without defining it
- Overload a page with decorative stars where plain hierarchy (headings, spacing) would read better
- Use tiny grey ✬ as the only cue for critical actions or legal notices
- Forget RTL: inline stars can shift alignment in right-to-left locales
- Mix multiple star code points in one pattern without checking each glyph in target fonts
Key Takeaways
Two numeric references render the same glyph
✬ ✬CSS content escape
\272CU+272C lives in the Dingbats block
No &name; entity; plan on hex or decimal in HTML
Decorate with intent: combine ✬ with typography, not instead of structure
❓ Frequently Asked Questions
✬ (hex), ✬ (decimal), or \272C in CSS content. There is no named entity; all valid methods render ✬.U+272C (hex 272C, decimal 10028). Dingbats block. Unicode name BLACK CENTRE WHITE STAR.\272C escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.✬, ✬, or \272C 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