HTML Entity for Dingbat Circled Sans-Serif Digit Nine (➈)
What You'll Learn
How to display dingbat circled sans-serif digit nine (➈) in HTML using hex, decimal, and CSS entity methods. This character lives in the Dingbats Unicode block and is popular for step indicators, UI badges, quizzes, pagination, and decorative numbering.
➈ has no named HTML entity, so you’ll use numeric references (➈ or ➈) or a CSS escape (\2788 in content).
⚡ Quick Reference — ➈ Entity
U+2788Dingbats block
➈Hexadecimal reference
➈Decimal reference
\2788Use in CSS content
Name Value
──────────── ──────────
Unicode U+2788
Hex code ➈
HTML code ➈
Named entity (none)
CSS code \2788Complete HTML Example
This example demonstrates ➈ using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2788";
}
</style>
</head>
<body>
<p>Circled Sans-Serif Digit Nine using Hexa Decimal: ➈</p>
<p>Circled Sans-Serif Digit Nine using HTML Code: ➈</p>
<p id="point">Circled Sans-Serif Digit Nine using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ➈ (U+2788) is supported in all modern browsers. Rendering depends on font support for the Dingbats block, so include a sensible fallback font stack:
👀 Live Preview
See ➈ rendered in a few practical contexts:
🧠 How It Works
Hexadecimal Code
➈ references Unicode 2788 in hexadecimal to produce the glyph ➈ in HTML.
Decimal HTML Code
➈ uses the decimal code point value 10120 to render the same character.
CSS Entity (Escape)
\2788 is used in CSS (often in content) to generate ➈ in pseudo-elements like ::before and ::after.
Same visual result
All methods render ➈. Unicode is U+2788 (Dingbats). Circled sans-serif digits ➀–➉ map to U+2780–U+2789. There is no named HTML entity for this character.
Use Cases
The circled sans-serif digit nine (➈) commonly appears in the following scenarios:
List markers or step numbers in design-heavy tutorials and onboarding.
Numbered sections or chapters with a circled sans-serif style.
Wizards, multi-step forms, or flows where step 9 is highlighted.
Badges, labels, or counters using a consistent circled-digit style.
Worksheets, quizzes, or exercises with dingbat-style question numbers.
Page 9 or item 9 in paginated or carousel interfaces.
💡 Best Practices
Do
- Provide context like “Step 9” near the symbol when it conveys meaning
- Verify your fonts support Dingbats (or provide fallbacks)
- Use a consistent style set (circled digits ➀–➉) across the UI
- Prefer numeric references (
➈/➈) for portability - Use CSS
::before/::afterwhen the symbol is purely decorative
Don’t
- Replace semantic numbering for real lists (use
<ol>where appropriate) - Mix entity styles randomly within the same UI
- Assume all fonts render Dingbats identically
- Use the CSS escape inside HTML content
- Rely on ➈ alone where clarity matters
Key Takeaways
Use numeric references in HTML
➈ ➈For CSS, use the escape in the content property
\2788Unicode U+2788 belongs to the Dingbats block
Ideal for step 9, badges, and compact UI numbering
There is no named HTML entity for ➈
❓ Frequently Asked Questions
➈ (hex) or ➈ (decimal) in HTML. In CSS, use \2788 in the content property. All render ➈.U+2788 (hex 2788, decimal 10120). It’s part of the Dingbats Unicode block.➈ or ➈) are used directly in markup. The CSS escape \2788 is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.➈ or ➈ instead of a named entity.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful