HTML Entity for Sparkle (❇)

What You'll Learn
How to display Sparkle (❇) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2747 (SPARKLE) in the Dingbats block (U+2700–U+27BF)—a decorative symbol for adding visual interest and emphasis to content.
Render it with ❇, ❇, or CSS \2747. There is no named HTML entity. Do not confuse ❇ with U+2728 (✨, sparkles)—a related but different dingbat character.
⚡ Quick Reference — Sparkle
U+2747Dingbats (U+2700–U+27BF)
❇Hexadecimal reference
❇Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2747
Hex code ❇
HTML code ❇
Named entity (none)
CSS code \2747
Type Decorative dingbat
Not the same U+2728 = sparkles (✨)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing ❇ using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2747";
}
</style>
</head>
<body>
<p>Sparkle (hex): ❇</p>
<p>Sparkle (decimal): ❇</p>
<p id="point">Sparkle (CSS): </p>
</body>
</html>🌐 Browser Support
Sparkle (❇) is supported in modern browsers when fonts include Dingbats glyphs:
👀 Live Preview
See the sparkle symbol in decorative and UI contexts:
🧠 How It Works
Hexadecimal Code
❇ references code point U+2747 using hex digits 2747.
Decimal HTML Code
❇ is the decimal equivalent (10055) for the same character.
CSS Entity
\2747 is the CSS escape for U+2747, used in the content property of pseudo-elements.
Same visual result
All three methods produce ❇. Unicode U+2747 in Dingbats (U+2700–U+27BF). No named entity.
Use Cases
Sparkle (❇) commonly appears in:
Headings, banners, and text that needs visual flair.
Buttons, badges, and highlights for new or featured items.
Celebratory messages, promotions, and special announcements.
Artistic layouts, portfolios, and eye-catching accents.
Examples showing numeric references for U+2747.
Dingbats and HTML entity reference documentation.
💡 Best Practices
Do
- Use
❇or❇in HTML markup - Pair ❇ with descriptive text for accessibility
- Keep hex or decimal style consistent across a document
- Use CSS
content: "\2747"for reusable decorative accents - Use sparingly to maintain visual balance
Don’t
- Write U+02747—the correct notation is U+2747
- Use CSS
\02747with a leading zero—prefer\2747 - Confuse ❇ (sparkle) with ✨ (sparkles, U+2728)
- Expect a named HTML entity for U+2747
- Put CSS escape
\2747in HTML text nodes
Key Takeaways
Three ways to render U+2747 in HTML and CSS
❇ ❇For CSS stylesheets, use \2747 in the content property
U+2747 SPARKLE (❇)
No named entity—use numeric references or CSS escape
Previous: Spacing Macron Next: Spherical Angle
❓ Frequently Asked Questions
❇ (hex), ❇ (decimal), or \2747 in CSS content. There is no named HTML entity. All three render ❇.U+2747 (SPARKLE). Dingbats (U+2700–U+27BF). Hex 2747, decimal 10055.Explore More HTML Entities!
Discover 1500+ HTML character references — dingbats, symbols, and more.
8 people found this page helpful
