HTML Entity for Shadowed White Star (✰)
What You'll Learn
How to display the Shadowed White Star (✰) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2730 (SHADOWED WHITE STAR) in the Dingbats block (U+2700–U+27BF)—a decorative white star with a shadow effect, used in ratings, highlights, awards, and star-themed design.
Render it with ✰, ✰, or CSS \2730. There is no named HTML entity. Do not confuse ✰ with Pinwheel Star U+272F (✯) or black star U+2605 (★).
⚡ Quick Reference — Shadowed White Star
U+2730Dingbats (U+2700–U+27BF)
✰Hexadecimal reference
✰Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2730
Hex code ✰
HTML code ✰
Named entity (none)
CSS code \2730
Official name Shadowed white star
Related U+272F = pinwheel star (✯)
U+2605 = 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: "\2730";
}
</style>
</head>
<body>
<p>Shadowed white star (hex): ✰</p>
<p>Shadowed white star (decimal): ✰</p>
<p id="point">Shadowed white star (CSS): </p>
</body>
</html>🌐 Browser Support
The Shadowed White Star (✰) is supported in modern browsers when fonts include Dingbats glyphs:
👀 Live Preview
See the Shadowed White Star in rating and decorative contexts:
🧠 How It Works
Hexadecimal Code
✰ uses Unicode hexadecimal 2730 to display the shadowed white star.
Decimal HTML Code
✰ uses decimal Unicode value 10032 for the same character.
CSS Entity
\2730 is used in CSS stylesheets in the content property of pseudo-elements for star markers.
Decorative result
All three methods produce ✰. Unicode U+2730 in Dingbats. No named entity. Next: Shamrock.
Use Cases
The Shadowed White Star (✰) commonly appears in:
Review scores, product ratings, and feedback displays.
Highlights, badges, and ornamental accents in layouts.
Achievement showcases, featured items, and recognition content.
Celestial, space, and night-sky design motifs.
Custom list bullets via ::before content.
Dingbats and HTML entity reference documentation.
💡 Best Practices
Do
- Use
✰or✰in HTML markup - Pair rating stars with visible text (e.g. “4 out of 5”)
- Use CSS
content: "\2730"for reusable star components - Test rendering across browsers and fonts
- Distinguish ✰ from pinwheel star ✯
Don’t
- Use padded Unicode notation like U+02730—the correct value is
U+2730 - Confuse ✰ with ✯ (pinwheel star) or ★ (black star)
- Expect a named HTML entity for U+2730
- Put CSS escape
\2730in HTML text nodes - Rely on stars alone for accessibility without text labels
Key Takeaways
Three ways to render U+2730 in HTML and CSS
✰ ✰For CSS stylesheets, use \2730 in the content property
Unicode U+2730 — SHADOWED WHITE STAR
No named entity—Dingbats decorative star
Previous: Shadowed White Latin Cross (✞) Next: Shamrock
❓ Frequently Asked Questions
✰ (hex), ✰ (decimal), or \2730 in CSS content. There is no named HTML entity. All three render ✰.U+2730 (SHADOWED WHITE STAR). Dingbats (U+2700–U+27BF). Hex 2730, decimal 10032.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, stars, and more.
About the author
8 people found this page helpful