HTML Entity for Outlined Black Star (✭)
What You'll Learn
How to display the Outlined Black Star (✭) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+272D (OUTLINED BLACK STAR) in the Dingbats block (U+2700–U+27BF)—an outlined star useful for ratings, featured labels, decorative bullets, badges, and symbolic typography.
Render it with ✭, ✭, or CSS escape \272D. There is no named HTML entity. Do not confuse ✭ with U+272E (✮, heavy outlined black star), U+2605 (★, solid black star), or U+272B (✫, open centre black star).
⚡ Quick Reference — Outlined Black Star
U+272DDingbats block
✭Hexadecimal reference
✭Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+272D
Hex code ✭
HTML code ✭
Named entity (none)
CSS code \272D
Meaning Outlined black star (Dingbats)
Related U+272E = heavy outlined black star (✮)
U+2605 = black star (★)
U+272B = open centre black star (✫)
U+2732 = open centre asterisk (✲)
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: "\272D";
}
</style>
</head>
<body>
<p>Outlined black star (hex): ✭</p>
<p>Outlined black star (decimal): ✭</p>
<p id="point">Outlined black star (CSS): </p>
</body>
</html>🌐 Browser Support
The Outlined Black Star (✭) is widely supported in all modern browsers:
👀 Live Preview
See the Outlined Black Star (✭) in decorative and UI contexts:
🧠 How It Works
Hexadecimal Code
✭ uses the Unicode hexadecimal value 272D to display the outlined black star.
Decimal HTML Code
✭ uses the decimal Unicode value 10029 for the same character.
CSS Entity
\272D 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+272D in the Dingbats block. Next: Outlined Greek Cross (✙).
Use Cases
The Outlined Black Star (✭) is commonly used in:
Star ratings, bookmark indicators, and review scores in UI copy.
Decorative symbols in headers, badges, cards, and typography layouts.
Distinct list markers and highlight bullets for featured items.
Editor’s picks, recommended items, and special-callout markers in content.
Icon-like symbols in navigation, tags, and status indicators without image assets.
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
\272Din::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 heavy outlined ✮, solid ★, or open ✫
- Use padded Unicode notation like U+0272D—the correct value is
U+272D - Use CSS escape
\272Din 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+272D
✭ ✭For CSS stylesheets, use \272D in the content property
Unicode U+272D — OUTLINED BLACK STAR in Dingbats
Lighter outline than heavy ✮; distinct from solid ★
Previous: Ounce Sign (℥) Next: Outlined Greek Cross (✙)
❓ Frequently Asked Questions
✭ (hex), ✭ (decimal), or \272D in CSS content. There is no named entity. All three render ✭.U+272D (OUTLINED BLACK STAR). Dingbats block (U+2700–U+27BF). Hex 272D, decimal 10029.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful