HTML Entity for Four Club Spoked Asterisk (✤)

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

What You'll Learn

How to display the Four Club Spoked Asterisk (✤) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2724 (FOUR CLUB-SPOKED ASTERISK) in the Dingbats block (U+2700–U+27BF)—a decorative asterisk variant with club-shaped spokes, ideal for creative typography, list markers, and design elements.

Render it with ✤, ✤, or CSS escape \2724. There is no named HTML entity. Do not confuse ✤ with ✣ (balloon spoked, U+2723) or ✥ (teardrop spoked, U+2725).

⚡ Quick Reference — Four Club Spoked Asterisk

Unicode U+2724

Dingbats block

Hex Code ✤

Hexadecimal reference

HTML Code ✤

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2724
Hex code       ✤
HTML code      ✤
Named entity   (none)
CSS code       \2724
Meaning        Decorative club spoked asterisk
Related        U+2723 = Balloon (✣); U+2725 = Teardrop (✥)
1

Complete HTML Example

This example demonstrates the Four Club Spoked Asterisk (✤) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2724";
  }
 </style>
</head>
<body>
<p>Four Club Spoked Asterisk using Hexadecimal: &#x2724;</p>
<p>Four Club Spoked Asterisk using HTML Code: &#10020;</p>
<p id="point">Four Club Spoked Asterisk using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Four Club Spoked Asterisk is widely supported in modern browsers with a suitable font:

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

👀 Live Preview

See the four club spoked asterisk (✤) as a decorative bullet and compared with related Dingbats:

List bullet ✤ First item ✤ Second item
Section marker ✤ Section title
Spoked series ✣ balloon   ✤ club   ✥ teardrop
Large glyph
Numeric refs &#x2724; &#10020; \2724

🧠 How It Works

1

Hexadecimal Code

&#x2724; uses the Unicode hexadecimal value 2724 to display the Four Club Spoked Asterisk. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2724 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 the glyph: . Unicode U+2724 is in Dingbats. No named HTML entity—use numeric codes in markup.

Use Cases

The Four Club Spoked Asterisk (✤) is commonly used in:

✨ Decorative typography

Headers, section dividers, and creative text styling with a distinctive spoked asterisk.

📋 List bullets

Custom bullet points for lists, feature highlights, or menu items.

🎨 Design & branding

Logos, icons, and visual motifs using a unique club-spoked symbol.

💌 Invitations & cards

Wedding invites, event flyers, and greeting cards with decorative symbols.

📝 Callouts

Footnotes, highlights, or special callout markers in articles and docs.

🌐 Unicode styling

Cross-browser symbol display without image assets.

💡 Best Practices

Do

  • Add aria-label="club spoked asterisk" when the symbol carries meaning
  • Use the CSS escape in ::before / ::after for bullets and dividers
  • Ensure fonts support Dingbats (Segoe UI Symbol, etc.)
  • Use &#x2724; or &#10020; consistently within a project
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse ✤ (club) with ✣ (balloon) or ✥ (teardrop)
  • Expect a named entity—none exists for U+2724
  • Put CSS escape \2724 in HTML text nodes
  • Use the glyph alone without accessible text when it conveys structure
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML numeric references plus CSS render ✤

&#x2724; &#10020;
2

For CSS stylesheets, use the escape in the content property

\2724
3

Unicode U+2724 — FOUR CLUB-SPOKED ASTERISK

4

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

5

Three methods, no named HTML entity

❓ Frequently Asked Questions

Use &#x2724; (hex), &#10020; (decimal), or \2724 in CSS content. There is no named entity.
U+2724 (FOUR CLUB-SPOKED ASTERISK). Dingbats block (U+2700–U+27BF). Hex 2724, decimal 10020. A decorative asterisk with club-shaped spokes.
In decorative typography, list bullets and markers, headers and section dividers, creative design and branding, invitations and cards, and anywhere a distinctive spoked asterisk symbol is needed.
HTML references (&#10020; or &#x2724;) go in markup. The CSS escape \2724 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named HTML entities cover a subset of common characters. Symbols in the Dingbats block like U+2724 use numeric codes (hexadecimal or decimal). This is standard practice for such symbols in HTML.

Explore More HTML Entities!

Discover 1500+ HTML character references — Dingbats, decorative symbols, 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