HTML Entity for Heavy Outlined Black Star (✮)

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

What Is Heavy Outlined Black Star?

Heavy outlined black star (✮) is the Unicode character at U+272E in Dingbats. Official name: HEAVY OUTLINED BLACK STAR. It is a bold outlined star used for ratings, featured cues, and decorative design.

Remember
Character     ✮
Unicode       U+272E
Hex entity    ✮
Decimal       ✮
CSS escape    \272E
Named entity  (none)
Meaning       heavy outlined black star
Not the same  ✭ · ★ (★) · ☆ (☆)

Prefer ✮ or ✮ in HTML (no named form). You can also type ✮ in a UTF-8 document. For a classic filled star with a named entity, prefer ★.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity✮HTML markup (preferred)
Decimal entity✮HTML markup
Direct character✮HTML text (UTF-8)
CSS escape\272EStylesheet content

When to Use Which

SituationUse
Bold outlined dingbat star / featured cue✮ plus visible text or aria-label
Lighter outlined black starOutlined black star — ✭
Classic filled star (named entity)Star — ★ (★)
White / hollow star☆ (☆)
Eight-pointed rectilinear dingbat starHeavy eight pointed rectilinear black star
Generated text via ::before / ::aftercontent: "\272E"

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ✮
Large glyph ✮
Sample ✮ Featured item
Compared ✮   ✭   ★   ☆
With entities Hex: ✮ | Decimal: ✮

Complete HTML Example

One page that shows heavy outlined 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 display ✮ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Outlined Black Star (U+272E) in HTML</title>
  <style>
    #point::after {
      content: "\272E";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x272E;</p>
  <p>Built with Decimal: &#10030;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ✮</p>
  <p><span aria-label="Featured">&#x272E; Featured item</span></p>
  <p>Classic star: &starf;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x272E; inserts code point U+272E → ✮.

2. Decimal: same code point as 10030 → &#10030;. Same visual as hex.

3. CSS: use \272E in content (not an HTML entity). #point::after appends ✮.

4. Typed: paste ✮ in a UTF-8 document when you need this dingbat. Prefer aria-label or nearby prose such as “Featured” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy outlined black star.

Name

No named entity

There is no HTML5 named entity for U+272E. Use &#x272E; or &#10030;. Do not invent &heavystar;. For classic black star, use &starf;.

✭

Not outlined black star

Outlined black star is ✭ (U+272D) — lighter weight. This page is the heavy form ✮.

★

Not &starf;

&starf; is ★ (U+2605). Heavy outlined black star is ✮. Related stars — different shapes and blocks.

Font

Font coverage

Some fonts omit Dingbats. If ✮ is missing, fall back to &starf; or a font with U+272E coverage.

CSS vs HTML

Do not mix escapes

\272E belongs in CSS strings. &#x272E; / &#10030; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ✮ clearly. Prefer aria-label="Featured" or nearby prose for ratings and highlights.

Semicolon

End references

Always finish entities with ; — write &#x272E;, not &#x272E.

Browser Support

Heavy outlined black star (U+272E) and its entity forms (&#x272E;, &#10030;, CSS \\272E) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Outlined Black Star (&#x272E;)

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+272E Full support

Bottom line: Prefer &#x272E; in HTML (no named form). Use &#10030; when decimal form is required, and \\272E only inside CSS content.

Key Takeaways

  • Unicode: heavy outlined black star is U+272E (decimal 10030) — glyph ✮.
  • HTML: no named entity — use &#x272E; / &#10030; / type ✮.
  • CSS: use \272E inside content for generated text.
  • Meaning: ✮ ≠ ✭ / &starf; — use for bold outlined dingbat stars.

One line: U+272E → &#x272E; / &#10030; / CSS \272E (no named form).

Frequently Asked Questions

Use &#x272E; (hex), &#10030; (decimal), type ✮ directly in UTF-8, or the CSS escape \272E in content. There is no named HTML entity for U+272E.
U+272E (HEAVY OUTLINED BLACK STAR). Hex 272E, decimal 10030. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this star. Prefer &#x272E; or &#10030;. For classic black star, use &starf; (U+2605).
Use it for bold outlined dingbat stars in ratings, featured labels, or decorative design. For the lighter outlined form, see outlined black star (U+272D). For a classic filled star with a named entity, prefer &starf;.
HTML numeric entities (&#10030; or &#x272E;) go in markup. The CSS escape \272E goes in stylesheet strings (usually content on ::before/::after).
No. Heavy outlined black star is U+272E (✮). &starf; is U+2605 (★). Outlined black star is U+272D (✭). Related stars — different code points.

Did you know?

Heavy outlined black star is Unicode U+272E (decimal 10030) — glyph ✮ in Dingbats. There is no HTML5 named entity; use &#x272E; or &#10030;. Prefer nearby text or aria-label (for example “Featured” or “Rated”). Do not confuse it with outlined black star ✭ (U+272D), classic black star &starf; (★), or white star &star; (☆).

Next: Heavy Right Arrow

Learn the HTML entity for heavy right arrow (U+2799).

Heavy right arrow 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