HTML Entity for Open Centre Black Star (✫)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+272B

What Is Open Centre Black Star?

Open centre black star (✫) is the Unicode character at U+272B in the Dingbats block. Official name: OPEN CENTRE BLACK STAR. It is a black star with an open centre — not the solid black star ★.

Remember
Character     ✫
Unicode       U+272B
Hex entity    ✫
Decimal       ✫
CSS escape    \272B
Named entity  (none)
Not the same  ★ · ✲ · ✪

Prefer ✫ or a typed ✫ for decorative stars and accents. Pair rating UIs with visible text or ARIA so meaning is not carried by the glyph alone.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character✫HTML text (UTF-8)
Hex entity✫HTML markup
Decimal entity✫HTML markup
CSS escape\272BStylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Decorative open-centre star✫ or typed ✫
Solid filled black star★ (U+2605)
Open centre asterisk✲
Heavy outlined black star✮
Custom bullet / icon via CSScontent: "\272B"

Live Preview

Open centre black star rendered in decorative contexts.

Large glyph ✫
Rating style ✫✫✫✫☆ 4 of 5
Label ✫ Editor’s pick
Compared ✫   ★   ✲   ✪
With entities Hex: ✫ | Decimal: ✫

Complete HTML Example

One page that shows Open Centre Black Star with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ✫, plus a label example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Open Centre Black Star (✫) in HTML</title>
  <style>
    #point::after {
      content: "\272B";
    }
  </style>
</head>
<body>
  <p>Symbol using Hex Code: &#x272B;</p>
  <p>Symbol using HTML Code: &#10027;</p>
  <p id="point">Symbol using CSS Entity: </p>
  <p>Typed directly: ✫</p>
  <p>Example: &#x272B; Editor’s pick</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+272B → &#x272B; in HTML. The browser turns it into ✫.

2. Decimal: same code point as 10027 → &#10027;. Same result as hex.

3. CSS: use \272B in content (not an HTML entity). #point::after appends that ✫ after the paragraph text.

4. Typed / example: paste ✫ in UTF-8, or write &#x272B; Editor’s pick for a decorative label.

Pitfalls & Tips

Common mistakes when working with Open Centre Black Star.

Named?

No named entity

HTML5 does not define a named entity for U+272B. Use numeric forms.

★

Not solid black star

★ (U+2605) is a filled black star. ✫ has an open centre and a different shape.

A11y

Ratings need text

Do not use star glyphs alone for ratings. Add visible text (e.g. “4 of 5”) or proper ARIA labels.

Fonts

Check Dingbats coverage

Most modern fonts include ✫, but some UI fonts may fall back. Test critical accents.

CSS vs HTML

Do not mix escapes

\272B belongs in CSS strings. &#x272B; / &#10027; belong in HTML.

Semicolon

End references

Always finish with ; — write &#10027;, not &#10027.

Browser Support

Open centre black star (U+272B) and its numeric entity forms (&#x272B;, &#10027;, CSS \\272B) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Open Centre Black Star (✫)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+272B / entities Full support

Bottom line: Prefer a typed ✫ or &#x272B; in HTML. Use &#10027; when decimal form is required, and \\272B only inside CSS content.

Key Takeaways

  • Unicode: open centre black star is U+272B (decimal 10027) — glyph ✫.
  • HTML: use &#x272B; or &#10027; when you need an entity.
  • CSS: use \272B inside content for generated icons.
  • Meaning: open-centre Dingbat star — not solid ★ or asterisk ✲.

One line: U+272B → type ✫, or encode as &#x272B; / &#10027; / CSS \272B.

Frequently Asked Questions

Use &#x272B; (hex), &#10027; (decimal), or the CSS escape \272B in content. There is no named HTML entity. In UTF-8 you can also type ✫ directly.
U+272B (OPEN CENTRE BLACK STAR). Hex 272B, decimal 10027. It belongs to the Dingbats block (U+2700–U+27BF).
No. Use numeric references like &#10027; or &#x272B; when you need an entity form.
Use it for decorative accents, favorite markers, and rating-style labels. Prefer solid ★ (U+2605) when you want a filled black star, and add accessible text for ratings.
HTML entities (&#10027; or &#x272B;) go in markup. The CSS escape \272B goes in stylesheet strings (usually content on ::before/::after).
No. ✫ is U+272B (open centre black star). ★ is U+2605 (black star, solid). ✲ is U+2732 (open centre asterisk).

Did you know?

Open centre black star is Unicode U+272B (decimal 10027) — glyph ✫ in the Dingbats block. HTML5 has no named entity — use &#x272B; or &#10027;. Distinct from solid black star ★ (U+2605) and open centre asterisk ✲ (U+2732).

Next: Open Centre Cross

Learn the HTML entity for open centre cross (U+271B).

Open Centre Cross tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful