HTML Entity for Pinwheel Star (✯)
What You'll Learn
How to display the Pinwheel Star (✯) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+272F (PINWHEEL STAR) in the Dingbats block (U+2700–U+27BF)—a decorative pinwheel-style star useful for ratings, badges, bullet points, creative typography, and ornamental web design.
Render it with ✯, ✯, or CSS escape \272F. There is no named HTML entity. Do not confuse ✯ with U+2735 (✵, eight pointed pinwheel star), U+272E (✮, heavy outlined black star), or U+2730 (✰, shadowed white star).
⚡ Quick Reference — Pinwheel Star
U+272FDingbats block
✯Hexadecimal reference
✯Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+272F
Hex code ✯
HTML code ✯
Named entity (none)
CSS code \272F
Meaning Pinwheel star (Dingbats)
Related U+272E = heavy outlined black star (✮)
U+2730 = shadowed white star (✰)
U+2735 = eight pointed 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: "\272F";
}
</style>
</head>
<body>
<p>Pinwheel star (hex): ✯</p>
<p>Pinwheel star (decimal): ✯</p>
<p id="point">Pinwheel star (CSS): </p>
</body>
</html>🌐 Browser Support
The Pinwheel Star (✯) is widely supported in all modern browsers:
👀 Live Preview
See the Pinwheel Star (✯) in decorative and UI contexts:
🧠 How It Works
Hexadecimal Code
✯ uses the Unicode hexadecimal value 272F to display the pinwheel star.
Decimal HTML Code
✯ uses the decimal Unicode value 10031 for the same character.
CSS Entity
\272F is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after for custom bullets or icons.
Decorative star result
All three methods render ✯. Unicode U+272F in the Dingbats block. Next: Pitchfork (⋔).
Use Cases
The Pinwheel Star (✯) is commonly used in:
Star ratings, bookmark indicators, and review scores in UI copy.
Decorative pinwheel shapes in headers, badges, cards, and typography layouts.
Distinct list markers and highlight bullets for featured items.
Level indicators, achievement stars, and playful interface accents.
Top picks, recommended items, and special-callout markers in content.
Character pickers, entity documentation, and Dingbats symbol guides.
Pair ✯ with visible text; provide ARIA labels on icon-only rating controls.
💡 Best Practices
Do
- Use
✯or✯for inline decorative stars - Use CSS
\272Fin::beforefor custom list bullets or icons - Set
<meta charset="utf-8">for reliable rendering - Provide text labels alongside star symbols in ratings UI
- Pick one numeric style per project for consistency
Don’t
- Confuse ✯ with eight-pointed ✵, heavy ✮, or solid ★
- Use padded Unicode notation like U+0272F—the correct value is
U+272F - Use CSS escape
\272Fin HTML text nodes - Use ✯ as the sole indicator in accessible ratings without text or ARIA
- Assume every font renders Dingbats identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+272F
✯ ✯For CSS stylesheets, use \272F in the content property
Unicode U+272F — PINWHEEL STAR in Dingbats
Distinct from eight-pointed pinwheel ✵ and heavy outlined ✮
Previous: Phi (ɸ) Next: Pitchfork (⋔)
❓ Frequently Asked Questions
✯ (hex), ✯ (decimal), or \272F in CSS content. There is no named entity. All three render ✯.U+272F (PINWHEEL STAR). Dingbats block (U+2700–U+27BF). Hex 272F, decimal 10031.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful