HTML Entity for Star Outlined (☆)
What You'll Learn
How to display Star Outlined (☆) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2606 (WHITE STAR) in the Miscellaneous Symbols block (U+2600–U+26FF)—an outlined white star for ratings, UI design, and decorative content.
Render it with ☆, ☆, ☆, or CSS \2606. Pair with filled black star ★ (★, U+2605) for active vs inactive rating stars.
⚡ Quick Reference — Star Outlined
U+2606Miscellaneous Symbols
☆Hexadecimal reference
☆Decimal reference
☆Most readable option
Name Value
──────────── ──────────
Unicode U+2606
Hex code ☆
HTML code ☆
Named entity ☆
CSS code \2606
Meaning White star (outlined)
Pair with U+2605 = black star (★, ★)
Not the same U+22C6 = Star Operator (⋆)
U+2729 = Stress Outlined 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: "\2606";
}
</style>
</head>
<body>
<p>Rating (named): ★★★★☆</p>
<p>Rating (hex): ★★★☆☆</p>
<p>Outline (decimal): ☆</p>
<p id="point">Empty star </p>
</body>
</html>🌐 Browser Support
Star Outlined (☆) is supported in all modern browsers when fonts include Miscellaneous Symbols glyphs:
👀 Live Preview
See the outlined star in rating and decorative contexts:
🧠 How It Works
Named HTML Entity
☆ is the semantic named entity for the white outlined star—the most readable option in source HTML.
Hexadecimal Code
☆ uses Unicode hexadecimal 2606 to display ☆ in HTML markup.
Decimal HTML Code
☆ uses decimal Unicode value 9734 for the same character.
CSS Entity
\2606 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ☆. Unicode U+2606 in Miscellaneous Symbols (U+2600–U+26FF).
Use Cases
Star Outlined (☆) commonly appears in:
Empty or inactive stars in review and feedback interfaces.
Logos, banners, and creative layouts with star imagery.
Buttons, badges, and icons in web and mobile applications.
Unselected favorite or bookmark indicators.
Tutorials and guides demonstrating HTML star entities.
Headers and hero sections with decorative star accents.
💡 Best Practices
Do
- Prefer
☆for readable HTML source code - Pair ☆ with ★ (
★) for filled vs empty ratings - Add accessible labels (e.g. aria-label) on interactive star controls
- Use CSS to scale stars consistently in rating rows
- Pick one reference style and stay consistent per project
Don’t
- Use padded Unicode notation like U+02606—the correct value is
U+2606 - Use CSS
\02606with a leading zero—prefer\2606 - Confuse ☆ with Black Star ★ or Star Operator ⋆
- Rely on stars alone for accessibility without text alternatives
- Put CSS escape
\2606in HTML text nodes
Key Takeaways
Four ways to render U+2606 in HTML and CSS
☆ ☆For CSS stylesheets, use \2606 in the content property
U+2606 — WHITE STAR (☆)
Pair with Black Star ★ (★) for rating UIs
Previous: Star Operator Next: Stress Outlined White Star
❓ Frequently Asked Questions
☆ (named), ☆ (hex), ☆ (decimal), or \2606 in CSS content. All four render ☆.U+2606 (WHITE STAR). Miscellaneous Symbols (U+2600–U+26FF). Hex 2606, decimal 9734, named entity ☆.☆) is a white outlined star. ★ (U+2605, ★) is a filled black star. Rating UIs typically use ★ for active stars and ☆ for inactive ones.Explore More HTML Entities!
Discover 1500+ HTML character references — stars, symbols, and more.
About the author
8 people found this page helpful