HTML Entity for Heavy Eight Pointed Rectilinear Black Star (✸)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2738

What You'll Learn

How to display the Heavy Eight Pointed Rectilinear Black Star (✸) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2738 (HEAVY EIGHT POINTED RECTILINEAR BLACK STAR) in the Dingbats block (U+2700–U+27BF). It is a bold eight-pointed star with straight (rectilinear) rays—ideal for ratings, featured content, decorative bullets, awards, and geometric accents.

Render it with ✸, ✸, or CSS escape \2738. There is no named HTML entity. Do not confuse ✸ with U+2605 (★, black star), U+2726 (✦, four-pointed), or U+274B (❋, teardrop propeller asterisk).

⚡ Quick Reference — Rectilinear Black Star

Unicode U+2738

Dingbats block

Hex Code ✸

Hexadecimal reference

HTML Code ✸

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2738
Hex code       ✸
HTML code      ✸
Named entity   (none)
CSS code       \2738
Meaning        Eight-point rectilinear star
Related        U+2605 = black star (★)
               U+274B = propeller asterisk (❋)
1

Complete HTML Example

This example demonstrates the Heavy Eight Pointed Rectilinear Black Star (✸) using hexadecimal code, decimal HTML code, and a CSS content escape for featured labels and list bullets:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2738";
  }
 </style>
</head>
<body>
<p>Rectilinear Black Star using Hexadecimal: &#x2738;</p>
<p>Rectilinear Black Star using HTML Code: &#10040;</p>
<p id="point">Rectilinear Black Star using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Heavy Eight Pointed Rectilinear Black Star (✸) is widely supported in modern browsers when the font includes Dingbats stars:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

Heavy Eight Pointed Rectilinear Black Star (✸) in context, compared with other star symbols:

Featured ✸ Editor’s pick
Rating ✸✸✸✸✸
Large glyph
Star comparison ✸ ★ ❋
Numeric refs &#x2738; &#10040; \2738

🧠 How It Works

1

Hexadecimal Code

&#x2738; uses the Unicode hexadecimal value 2738 to display the star. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10040; uses the decimal Unicode value 10040 to display the same character.

HTML markup
3

CSS Entity

\2738 is used in CSS stylesheets, particularly in the content property of pseudo-elements for featured badges and custom list bullets.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+2738 is in the Dingbats block. Next: Propeller Asterisk (❋).

Use Cases

The Heavy Eight Pointed Rectilinear Black Star (✸) is commonly used in:

✸ Ratings

Star ratings, review scores, and quality indicators in product listings.

⭐ Featured

Mark featured posts, editor’s picks, or highlighted sections.

📋 List bullets

Custom list bullets or step indicators with a rectilinear star style.

🏆 Awards

Badges, achievements, or award indicators in profiles and dashboards.

🎨 Typography

Headers, dividers, or accent characters for a bold geometric look.

🔨 CSS icons

content: "\2738" on ::before for star icons without extra HTML.

💡 Best Practices

Do

  • Pair ✸ with text or aria-label (e.g. “Featured”, “5 star rating”)
  • Use content: "\2738" on list items via ::before
  • Declare UTF-8 with <meta charset="utf-8">
  • Test star glyph shape across fonts and platforms
  • Keep one numeric style (hex or decimal) per project
  • Use visible labels when stars convey meaning in UI

Don’t

  • Rely on ✸ alone for accessibility-critical ratings
  • Confuse U+2738 (✸) with U+2605 (★) or U+274B (❋)
  • Expect a named HTML entity for U+2738
  • Use CSS \2738 in HTML text nodes
  • Assume every font renders identical rectilinear ray geometry

Key Takeaways

1

Two HTML numeric references plus CSS insert U+2738

&#x2738; &#10040;
2

For CSS, use \2738 in the content property

3

Unicode U+2738 — eight-point rectilinear black star (✸)

4

Distinct from black star U+2605 (★) and propeller U+274B (❋)

❓ Frequently Asked Questions

Use &#x2738; (hex), &#10040; (decimal), or \2738 in CSS content. There is no named entity. All three methods render the star (✸) correctly.
U+2738 (HEAVY EIGHT POINTED RECTILINEAR BLACK STAR). Dingbats block. Hex 2738, decimal 10040. The symbol (✸) is a bold eight-pointed star with straight rectilinear rays.
For ratings and reviews, featured or highlighted content, decorative bullets and list markers, awards and badges, and any UI or content that needs a strong, geometric star symbol.
HTML references (&#10040; or &#x2738;) go in markup. The CSS escape \2738 is used in stylesheets, typically on ::before or ::after. Both produce ✸.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+2738 uses numeric hex (&#x2738;) or decimal (&#10040;) codes, which is standard for characters in the Dingbats block.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, math, and more.

All HTML Entities →

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