HTML Entity for Heavy Sparkle (❈)
What You'll Learn
How to display the Heavy Sparkle (❈) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2748 (HEAVY SPARKLE) in the Dingbats block (U+2700–U+27BF). It is a bold decorative sparkle or star-burst symbol—ideal for emphasis, celebrations, highlights, badges, and visual flair in web design.
Render it with ❈, ❈, or CSS escape \2748. There is no named HTML entity. Do not confuse ❈ with U+2747 (❇, lighter sparkle) or U+2731 (✱, heavy asterisk); each code point has a different glyph.
⚡ Quick Reference — Heavy Sparkle
U+2748Dingbats block
❈Hexadecimal reference
❈Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2748
Hex code ❈
HTML code ❈
Named entity (none)
CSS code \2748
Meaning Heavy sparkle / star-burst
Related U+2747 = sparkle (❇)
U+2731 = heavy asterisk (✱)
U+2726 = black star (✦)Complete HTML Example
This example demonstrates the Heavy Sparkle (❈) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2748";
}
</style>
</head>
<body>
<p>Heavy Sparkle using Hexadecimal: ❈</p>
<p>Heavy Sparkle using HTML Code: ❈</p>
<p id="point">Heavy Sparkle using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Sparkle (❈) is widely supported in modern browsers when the font includes Dingbats decorative glyphs:
👀 Live Preview
Heavy Sparkle (❈) in context, compared with related Dingbats symbols:
🧠 How It Works
Hexadecimal Code
❈ uses the Unicode hexadecimal value 2748 to display the heavy sparkle. The x prefix indicates hexadecimal format.
Decimal HTML Code
❈ uses the decimal Unicode value 10056 to display the same character.
CSS Entity
\2748 is used in CSS stylesheets, particularly in content on ::before or ::after for badges, labels, and decorative highlights.
Same visual result
All three methods produce ❈. Unicode U+2748 is in the Dingbats block. Next: Heavy Teardrop Shanked Right Arrow.
Use Cases
The Heavy Sparkle (❈) is commonly used in:
Visual emphasis on headings, callouts, and key phrases in articles and landing pages.
Sales, new features, anniversaries, and promotional content with sparkle flair.
Featured, premium, or achievement indicators alongside ratings and labels.
Important notices, tips, and announcements in sidebars and banners.
Rewards, level-ups, trending labels, and social highlight markers.
content: "\2748" on pseudo-elements without extra HTML markup.
💡 Best Practices
Do
- Pair ❈ with
aria-label(e.g. “Featured”) when it conveys meaning - Use
content: "\2748"on badges via::beforeor::after - Combine sparkle with visible text so screen readers get context
- Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Use sparingly so sparkles retain visual impact
Don’t
- Rely on ❈ alone without accessible text for important status
- Confuse U+2748 (❈) with U+2747 (❇) or U+2731 (✱)
- Expect a named HTML entity for U+2748
- Use CSS
\2748in HTML text nodes - Overuse sparkles in long body copy where they reduce readability
Key Takeaways
Two HTML numeric references plus CSS insert U+2748
❈ ❈For CSS, use \2748 in the content property
Unicode U+2748 — heavy sparkle (❈)
Distinct from lighter U+2747 (❇) and heavy asterisk U+2731 (✱)
❓ Frequently Asked Questions
❈ (hex), ❈ (decimal), or \2748 in CSS content. There is no named entity. All three methods render the heavy sparkle (❈) correctly.U+2748 (HEAVY SPARKLE). Dingbats block. Hex 2748, decimal 10056. The symbol (❈) is a decorative sparkle or star-burst for emphasis and highlights.❈ or ❈) go in markup. The CSS escape \2748 is used in stylesheets, typically on ::before or ::after. Both produce ❈.❈) or decimal (❈) codes, which is standard for decorative Dingbats characters.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful