HTML Entity for White Four Pointed Star (✧)
What You'll Learn
How to display the White Four Pointed Star symbol (✧) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2727 (WHITE FOUR POINTED STAR) in the Dingbats block (U+2700–U+27BF)—an outline four-pointed diamond-shaped star.
Render it with ✧, ✧, or CSS escape \2727. There is no named HTML entity. Do not confuse ✧ with ✦ (black four pointed star) or ☆ (white star, U+2606).
⚡ Quick Reference — White Four Pointed Star
U+2727Dingbats
✧Hexadecimal reference
✧Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2727
Hex code ✧
HTML code ✧
Named entity (none)
CSS code \2727
Meaning White four pointed star
Related U+2726 = ✦ (black four pointed star)
U+2606 = ☆ (white star)
U+2605 = ★ (black star)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing White Four Pointed Star (✧) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#star:after{
content: "\2727";
}
</style>
</head>
<body>
<p>White Four Pointed Star (hex): ✧</p>
<p>White Four Pointed Star (decimal): ✧</p>
<p id="star">White Four Pointed Star (CSS): </p>
</body>
</html>🌐 Browser Support
U+2727 is supported in modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See White Four Pointed Star (✧) in context:
🧠 How It Works
Hexadecimal Code
✧ uses the Unicode hexadecimal value 2727 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
✧ uses the decimal Unicode value 10023 to display the same character. A common method for symbol characters in HTML.
CSS Entity
\2727 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ✧. Unicode U+2727 is the white four pointed star in Dingbats. Not the same as ✦ (black four pointed star) or ☆ (white star).
Use Cases
White Four Pointed Star (✧) is commonly used in:
Headers, footers, and design accents with star ornamentation.
Review displays, quality indicators, and score visualizations.
Graphic design, logos, and creative content needing star imagery.
Featured sections, special offers, and emphasized information.
Web design, interface components, and decorative bullets.
Artistic content, portfolios, and design showcases.
Pair ✧ with visible text or aria-label; do not rely on the glyph alone for ratings.
💡 Best Practices
Do
- Use ✧ for an outline four-pointed star; use ✦ for the filled black variant
- Pair star glyphs with accessible text like “4 stars” or
aria-labelfor ratings - Pick one numeric style (hex or decimal) per project for consistency
- Use fonts that support Dingbats characters
- Test rendering across browsers and devices
Don’t
- Confuse ✧ (white four pointed star) with ✦ (black four pointed star) or ☆ (white star)
- Use star glyphs as the only rating indicator without a numeric score
- Mix entity styles randomly in one file
- Use CSS escape
\2727inside HTML markup - Expect a named HTML entity—none exists for ✧
Key Takeaways
Type ✧ directly, or use hex/decimal references
✧ ✧For CSS stylesheets, use the escape in the content property
\2727Unicode U+2727 — WHITE FOUR POINTED STAR (Dingbats)
U+2726/U+2727 are black/white four-pointed star pairs in Dingbats
Previous: White Florette (❀) Next: White Frowning Face (☹)
❓ Frequently Asked Questions
✧ (hex), ✧ (decimal), or \2727 in CSS content. There is no named HTML entity. In UTF-8 you can also type ✧ directly.U+2727 (WHITE FOUR POINTED STAR). Dingbats block U+2700–U+27BF. Hex 2727, decimal 10023.✧ or ✧) go directly in markup. The CSS escape \2727 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.✧ or ✧ in HTML, or \2727 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful