HTML Entity for Star (★)
What You'll Learn
How to display the Star (★) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2605 (BLACK STAR) in the Miscellaneous Symbols block (U+2600–U+26FF)—a filled black star for ratings and decorative design.
Render it with ★, ★, ★, or CSS \2605. For inactive rating stars, pair with white star ☆ (☆, U+2606).
⚡ Quick Reference — Star
U+2605Miscellaneous Symbols
★Hexadecimal reference
★Decimal reference
★Most readable option
Name Value
──────────── ──────────
Unicode U+2605
Hex code ★
HTML code ★
Named entity ★
CSS code \2605
Meaning Black star (filled)
Pair with U+2606 = white star (☆, ☆)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing ★ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2605";
}
</style>
</head>
<body>
<p>Rating (named): ★★★★☆</p>
<p>Rating (hex): ★★★☆☆</p>
<p>Rating (decimal): ★★★</p>
<p id="point">Featured </p>
</body>
</html>🌐 Browser Support
Star (★) is supported in all modern browsers when fonts include Miscellaneous Symbols glyphs:
👀 Live Preview
See the black star in rating and decorative contexts:
🧠 How It Works
Named HTML Entity
★ is the semantic named entity for the filled black star—the most readable option in source HTML.
Hexadecimal Code
★ uses Unicode hexadecimal 2605 to display ★ in HTML markup.
Decimal HTML Code
★ uses decimal Unicode value 9733 for the same character.
CSS Entity
\2605 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ★. Unicode U+2605 in Miscellaneous Symbols (U+2600–U+26FF).
Use Cases
Star (★) commonly appears in:
Review interfaces, feedback forms, and product ratings.
Logos, banners, headers, and creative design projects.
Buttons, badges, and interactive elements with star icons.
Highlighting premium, favorite, or top-rated items.
Tutorials and materials using star symbols.
Landing pages and applications with visual star elements.
💡 Best Practices
Do
- Use
★for readable rating markup - Pair ★ with ☆ (
☆) for filled vs empty ratings - Provide accessible text like “4 out of 5 stars” alongside visual ratings
- Pick one entity style (named, hex, or decimal) per project
- Use CSS to size stars consistently in UI components
Don’t
- Use padded Unicode notation like U+02605—the correct value is
U+2605 - Use CSS
\02605with a leading zero—prefer\2605 - Confuse ★ (filled) with ☆ (outline) in rating UIs
- Rely on stars alone without accessible text for screen readers
- Put CSS escape
\2605in HTML text nodes
Key Takeaways
Four HTML/CSS references all render ★
★ ★ ★For CSS stylesheets, use \2605 in the content property
Unicode U+2605 — BLACK STAR (★)
★ is the standard named entity for the filled star
Previous: Staff Hermes Next: Star Crescent
❓ Frequently Asked Questions
★ (named), ★ (hex), ★ (decimal), or \2605 in CSS content. All four render ★.U+2605 (BLACK STAR). Miscellaneous Symbols (U+2600–U+26FF). Hex 2605, decimal 9733, named ★.★) is a filled black star. ☆ (U+2606, ☆) is an outlined white star. Rating UIs typically use ★ for active stars and ☆ for inactive ones.★, ★, or ★) go in markup. The CSS escape \2605 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — stars, symbols, and more.
About the author
8 people found this page helpful