Shadowed White Star (✰) is the Dingbats character at Unicode U+2730 (SHADOWED WHITE STAR). It is a decorative white star with a shadow — used for ratings, highlights, and star-themed UI.
Remember
Character ✰
Unicode U+2730
Hex entity ✰
Decimal ✰
Named entity (none)
CSS escape \2730
Not the same ✯ (pinwheel) · ★ (black star) · ☆ (white star)
Hex, decimal, CSS, and a typed character all produce the same glyph: ✰. Prefer ✰ when you want an explicit entity. For a different Dingbat star, see Pinwheel Star (U+272F).
Using Hex Code: ✰
Using HTML Code: ✰
Using CSS Entity: ✰
Rating: ✰✰✰✰☆ (4 of 5)
How It Works
1. Hex:U+2730 → ✰ in HTML. The browser turns it into ✰.
2. Decimal: same code point as 10032 → ✰. Same result as hex.
3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.
4. CSS: use \2730 in content (not an HTML entity). #point::after appends that ✰ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with Shadowed White Star.
Look-alikes
✰ ≠ ✯ ≠ ★
U+2730 is shadowed white. Pinwheel and black stars are different characters — do not mix them in one rating scale without intent.
Named
No &…; name
Do not invent a name. Use ✰ or ✰.
A11y
Label ratings
Stars alone are ambiguous. Add text like “4 out of 5” or an accessible name for screen readers.
Fonts
Glyph coverage
Dingbats coverage varies. Test rating UIs on mobile and provide a fallback star if ✰ is missing.
CSS vs HTML
Do not mix escapes
\2730 belongs in CSS. ✰ / ✰ belong in HTML.
Semicolon
End references
Always finish with ; — write ✰, not ✰.
Compatibility
Browser Support
Shadowed White Star (U+2730) and its entity forms (✰, ✰, CSS \\2730) are supported in all modern browsers. Glyph coverage depends on the font.
✓ Universal encoding
Shadowed White Star (✰)
Encode with hex, decimal, or CSS escape — or type ✰ directly in UTF-8 HTML. No named entity.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerIE 9+
Yes*
U+2730Full support
Bottom line: Prefer ✰ for readable HTML. Use \\2730 only inside CSS content. Pair rating stars with text labels.
Remember
Key Takeaways
Unicode: this symbol is U+2730 (decimal 10032) — shadowed white star.
HTML: prefer ✰ — or use ✰. No named entity.
CSS: use \2730 inside content for generated stars.
Watch out: not the same as pinwheel (U+272F) or black star (U+2605).
One line:U+2730 → ✰ / ✰ / CSS \2730 (no named entity).
Frequently Asked Questions
Use ✰ (hex), ✰ (decimal), or the CSS escape \2730 in the content property. All render ✰ when the font supports Dingbats. There is no named HTML entity.
U+2730 (SHADOWED WHITE STAR). Hex 2730, decimal 10032. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+2730. Use numeric references like ✰ or ✰.
Use it for decorative stars, highlight badges, awards, and star-themed UI. For ratings, pair the glyphs with visible text (e.g. “4 out of 5”) for accessibility.
HTML entities (✰ or ✰) go in markup. The CSS escape \2730 is used in stylesheets (usually in the content property of ::before/::after). Both render ✰.
U+2730 is SHADOWED WHITE STAR. U+272F is PINWHEEL STAR. U+2605 is BLACK STAR. Related star shapes, different Unicode characters.
🤔
Did you know?
Shadowed White Star is Unicode U+2730 (decimal 10032) — SHADOWED WHITE STAR in Dingbats. HTML5 has no named entity — use ✰ or ✰. Do not confuse it with pinwheel star (U+272F) or black star (U+2605).
