HTML Entity for Heavy Sparkle (❈)

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

What Is Heavy Sparkle?

Heavy sparkle (❈) is the Unicode character at U+2748 in Dingbats. Official name: HEAVY SPARKLE. It is a bold sparkle ornament used for highlights, badges, and decorative flair.

Remember
Character     ❈
Unicode       U+2748
Hex entity    ❈
Decimal       ❈
CSS escape    \2748
Named entity  (none)
Meaning       heavy sparkle ornament
Not the same  ❇ · ✨ · ❋

Prefer ❈ or ❈ in HTML (no named form). You can also type ❈ in a UTF-8 document. For the lighter sparkle form, use U+2747.

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\2748Stylesheet content

When to Use Which

SituationUse
Bold sparkle highlight / badge / flair❈ plus visible text or aria-label
Lighter sparkle formSparkle — ❇
Eight-teardrop propeller asteriskHeavy eight teardrop spoked propeller asterisk
Four balloon-spoked asteriskHeavy four balloon spoked asterisk
Generated text via ::before / ::aftercontent: "\2748"

Live Preview

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

Glyph ❈
Large glyph ❈
Sample ❈ New feature
Compared ❈   ❇   ✨   ❋
With entities Hex: ❈ | Decimal: ❈

Complete HTML Example

One page that shows heavy sparkle 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 Sparkle (U+2748) in HTML</title>
  <style>
    #point::after {
      content: "\2748";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2748;</p>
  <p>Built with Decimal: &#10056;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ❈</p>
  <p><span aria-label="New">&#x2748; New feature</span></p>
  <p>Lighter: ❇</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x2748; inserts code point U+2748 → ❈.

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

3. CSS: use \2748 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 “New” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy sparkle.

Name

No named entity

There is no HTML5 named entity for U+2748. Use &#x2748; or &#10056;. Do not invent &heavysparkle;.

❇

Not sparkle (U+2747)

Sparkle is ❇ (U+2747) — lighter weight. This page is the heavy form ❈.

✨

Not sparkles emoji

Sparkles emoji is ✨ (U+2728). Heavy sparkle is ❈ — a Dingbats glyph, not emoji presentation by default.

Font

Font coverage

Some fonts omit Dingbats. If ❈ is missing, fall back to ❇ or a font with U+2748 coverage.

CSS vs HTML

Do not mix escapes

\2748 belongs in CSS strings. &#x2748; / &#10056; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ❈ clearly. Prefer aria-label="New" or nearby prose for badges and highlights.

Semicolon

End references

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

Browser Support

Heavy sparkle (U+2748) and its entity forms (&#x2748;, &#10056;, CSS \\2748) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Sparkle (&#x2748;)

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+2748 Full support

Bottom line: Prefer &#x2748; in HTML (no named form). Use &#10056; when decimal form is required, and \\2748 only inside CSS content.

Key Takeaways

  • Unicode: heavy sparkle is U+2748 (decimal 10056) — glyph ❈.
  • HTML: no named entity — use &#x2748; / &#10056; / type ❈.
  • CSS: use \2748 inside content for generated text.
  • Meaning: ❈ ≠ ❇ / ✨ — use for bold Dingbats sparkle accents.

One line: U+2748 → &#x2748; / &#10056; / CSS \2748 (no named form).

Frequently Asked Questions

Use &#x2748; (hex), &#10056; (decimal), type ❈ directly in UTF-8, or the CSS escape \2748 in content. There is no named HTML entity for U+2748.
U+2748 (HEAVY SPARKLE). Hex 2748, decimal 10056. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this sparkle. Prefer &#x2748; or &#10056;.
Use it for bold decorative sparkle highlights, badges, or celebration flair. For the lighter sparkle form, see sparkle (U+2747). For related asterisk ornaments, see other Dingbats asterisk pages.
HTML numeric entities (&#10056; or &#x2748;) go in markup. The CSS escape \2748 goes in stylesheet strings (usually content on ::before/::after).
No. Heavy sparkle is U+2748 (❈). Sparkle is U+2747 (❇). Sparkles emoji is U+2728 (✨). Related sparkle looks — different code points.

Did you know?

Heavy sparkle is Unicode U+2748 (decimal 10056) — glyph ❈ in Dingbats. There is no HTML5 named entity; use &#x2748; or &#10056;. Prefer nearby text or aria-label (for example “Featured” or “New”). Do not confuse it with lighter sparkle &#x2747; (❇) or emoji sparkles &#x2728; (✨).

Next: Heavy Teardrop Shanked Right Arrow

Learn the HTML entity for heavy teardrop shanked right arrow (U+27BB).

Heavy teardrop shanked 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