HTML Entity for Eight Pointed Rectilinear Black Star (✷)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2737
HTML entity for Eight Pointed Rectilinear Black Star (U+2737) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Eight Pointed Rectilinear Black Star (✷) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2737 (EIGHT POINTED RECTILINEAR BLACK STAR) in the Dingbats block (U+2700–U+27BF)—a decorative rectilinear eight-pointed star used in ratings, awards, decorative UI, bullet points, and star-based web projects.

Render it with ✷, ✷, or CSS escape \2737. There is no named HTML entity for this symbol. Compare ✵ (eight pointed pinwheel star, U+2735) or ✳ (eight spoken asterisk, U+2733) for related Dingbats characters.

⚡ Quick Reference — Eight Pointed Rectilinear Black Star

Unicode U+2737

Dingbats block

Hex Code ✷

Hexadecimal reference

HTML Code ✷

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2737
Hex code       ✷
HTML code      ✷
Named entity   (none)
CSS code       \2737
Related        U+2735 = Pinwheel star (✵); U+2733 = Spoken asterisk (✳)
1

Complete HTML Example

This example demonstrates the Eight Pointed Rectilinear Black Star (✷) using hexadecimal code, decimal HTML code, and a CSS content escape:

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

🌐 Browser Support

U+2737 is supported in modern browsers when rendered with a font that includes Dingbats:

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

👀 Live Preview

See the Eight Pointed Rectilinear Black Star (✷) in rating and UI contexts:

Large glyph ✷
Rating ✷✷✷✷✷ 5 stars
Award ✷ Achievement unlocked
Featured ✷ Highlighted product
Numeric refs &#x2737; &#10039;

🧠 How It Works

1

Hexadecimal Code

&#x2737; uses the Unicode hexadecimal value 2737 to display the Eight Pointed Rectilinear Black Star. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2737 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce: ✷. Unicode U+2737 in the Dingbats block (U+2700–U+27BF). No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.

✅

Use Cases

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

⭐ Rating systems

Star ratings on review sites, product pages, and feedback UI.

🏆 Awards & badges

Achievements, levels, and certification content in apps and games.

✨ Decorative headers

Bullet points, section dividers, and ornamental list markers.

💻 UI & icons

Star-based icons in navigation, buttons, and toolbars.

📦 Product listings

Featured or highlighted items with star symbols.

📚 Education

Quizzes, scores, and difficulty indicators in learning content.

💡 Best Practices

Do

  • Use &#x2737; or &#10039; consistently in markup
  • Use fonts that support Dingbats (system UI, Segoe UI Symbol, Symbola)
  • Add aria-label with clear meaning (e.g. “4 out of 5 stars” or “featured item”)
  • Pair ✷ with visible text in ratings and star-based UI
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Expect a named entity—none exists for U+2737
  • Confuse ✷ (rectilinear star) with ✵ (pinwheel star U+2735) or ✴ (black star U+2734)
  • Put CSS escape \2737 in HTML text nodes
  • Rely on the symbol alone in accessibility-critical interfaces
  • Assume decorative fonts include all Dingbats characters

Key Takeaways

1

Two HTML numeric references render ✷

&#x2737; &#10039;
2

For CSS stylesheets, use the escape in the content property

\2737
3

Unicode U+2737 — EIGHT POINTED RECTILINEAR BLACK STAR

4

Dingbats block (U+2700–U+27BF)

5

Three methods, one glyph — no named HTML entity

❓ Frequently Asked Questions

Use &#x2737; (hex), &#10039; (decimal), or \2737 in CSS content. There is no named entity. All produce ✷.
U+2737 (EIGHT POINTED RECTILINEAR BLACK STAR). Dingbats block (U+2700–U+27BF). Hex 2737, decimal 10039. A decorative rectilinear star used in ratings, awards, and star-based UI.
In rating systems and review interfaces, award and achievement badges, decorative headers and bullet points, game or app UI for levels or stars, product highlights, and any content requiring a distinct rectilinear star symbol in HTML.
HTML references (&#10039; or &#x2737;) go in markup. The CSS escape \2737 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named entities cover common ASCII, Latin-1, and frequently used symbols. Many Dingbats characters including U+2737 have no named entity—use &#x2737; or &#10039; in HTML.

Explore More HTML Entities!

Discover 1500+ HTML character references — Dingbats, stars, math operators, 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Eight Pointed Pinwheel Star (✵) Eight Spoken Asterisk