HTML Entity for Heavy Outlined Black Star (✮)
What You'll Learn
How to display the Heavy Outlined Black Star (✮) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+272E (HEAVY OUTLINED BLACK STAR) in the Dingbats block (U+2700–U+27BF). It is a heavy outlined black star—ideal for star ratings, featured or highlight indicators, decorative bullets, awards, and typographic accents where a distinct Dingbats star is needed beyond solid stars like U+2605 (★) or white outlined U+272F (✯).
Render it with ✮, ✮, or CSS escape \272E. There is no named HTML entity. Do not confuse ✮ with U+2724 (✤, balloon spoked asterisk) or U+2731 (✱, heavy asterisk); each Dingbats star has a different shape and meaning.
⚡ Quick Reference — Outlined Black Star
U+272EDingbats block
✮Hexadecimal reference
✮Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+272E
Hex code ✮
HTML code ✮
Named entity (none)
CSS code \272E
Meaning Heavy outlined black star
Related U+2605 = black star (★)
U+272F = outlined white star (✯)
U+2606 = white star (☆)Complete HTML Example
This example demonstrates the Heavy Outlined Black Star (✮) using hexadecimal code, decimal HTML code, and CSS content for a rating row and featured badge:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\272E";
}
</style>
</head>
<body>
<p>Outlined Black Star using Hexadecimal: ✮</p>
<p>Outlined Black Star using HTML Code: ✮</p>
<p id="point">Outlined Black Star using CSS Entity</p>
</body>
</html>🌐 Browser Support
The Heavy Outlined Black Star (✮) is widely supported in modern browsers when the font includes Dingbats star glyphs:
👀 Live Preview
Heavy Outlined Black Star (✮) in context, compared with other star symbols:
🧠 How It Works
Hexadecimal Code
✮ uses the Unicode hexadecimal value 272E to display the outlined black star. The x prefix indicates hexadecimal format.
Decimal HTML Code
✮ uses the decimal Unicode value 10030 to display the same character.
CSS Entity
\272E is used in CSS stylesheets, particularly in content on ::before for rating stars, list bullets, and badges.
Same visual result
All three methods produce ✮. Unicode U+272E is in the Dingbats block. Next: Heavy Right Arrow (➙).
Use Cases
The Heavy Outlined Black Star (✮) is commonly used in:
Product reviews, rating displays (e.g. ✮✮✮✮☆), and quality indicators.
“Featured” or “top pick” indicators, editor’s choice, and highlight badges.
Custom list markers and bullet styles with a distinct star bullet.
Award icons, achievement badges, and premium or pro indicators.
content: "\272E" on ::before without extra markup.
Favorite or bookmark icons, save or wishlist indicators.
💡 Best Practices
Do
- Add
aria-labelon rating rows (e.g. “4 out of 5 stars”) - Use
content: "\272E "viali::beforefor star bullets - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Pair empty stars with
U+2606(☆) for contrast in ratings - Mark purely decorative stars with
aria-hidden="true"when appropriate
Don’t
- Rely on glyph-only stars without accessible rating text
- Confuse U+272E (✮) with U+2605 (★) or U+272F (✯)
- Expect a named HTML entity for U+272E
- Use CSS
\272Ein HTML text nodes - Mix unrelated star code points in one rating UI without testing fonts
Key Takeaways
Two HTML numeric references plus CSS insert U+272E
✮ ✮For CSS, use \272E in the content property
Unicode U+272E — heavy outlined black star (✮)
Distinct from solid U+2605 (★) and white outline U+272F (✯)
Next: Heavy Right Arrow (➙)
❓ Frequently Asked Questions
✮ (hex), ✮ (decimal), or \272E in CSS content. There is no named entity. All three methods render the symbol (✮) correctly.U+272E (HEAVY OUTLINED BLACK STAR). Dingbats block. Hex 272E, decimal 10030. The symbol (✮) is a heavy outlined black star, often used for ratings, highlights, and decorative content.✮ or ✮) go in markup. The CSS escape \272E is used in stylesheets, typically on ::before or ::after. Both produce ✮.✮) or decimal (✮) codes, which is standard for Dingbats star symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful