HTML Entity for Dingbat Circled Sans-Serif Digit Five (➄)
What You'll Learn
How to display dingbat circled sans-serif digit five (➄) 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, checklists, and modern typographic numbering.
➄ has no named HTML entity, so you’ll use numeric references (➄ or ➄) or a CSS escape (\2784 in content).
⚡ Quick Reference — ➄ Entity
U+2784Dingbats block
➄Hexadecimal reference
➄Decimal reference
\2784Use in CSS content
Name Value
──────────── ──────────
Unicode U+2784
Hex code ➄
HTML code ➄
Named entity (none)
CSS code \2784Complete 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: "\2784";
}
</style>
</head>
<body>
<p>Circled Sans-Serif Digit Five using Hexa Decimal: ➄</p>
<p>Circled Sans-Serif Digit Five using HTML Code: ➄</p>
<p id="point">Circled Sans-Serif Digit Five using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ➄ (U+2784) 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 2784 in hexadecimal to produce the glyph ➄ in HTML.
Decimal HTML Code
➄ uses the decimal code point value 10116 to render the same character.
CSS Entity (Escape)
\2784 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+2784 (Dingbats). There is no named HTML entity for this character.
Use Cases
The circled sans-serif digit five (➄) commonly appears in the following scenarios:
Number steps visually in tutorials and onboarding (➀ ➁ ➂ ➃ ➄).
Counts, highlights, or featured items with a sans-serif circled numeral.
Checklist-style content where circled digits stay readable and modern.
Annotate diagrams, screenshots, or documentation with circled numbers.
Label options like “Choice ➄” for a compact, distinct design.
Progress labels in multi-step forms or wizards where clarity matters.
Stylized numeric accents on headings, banners, or lists without images.
💡 Best Practices
Do
- Provide context like “Step 5” 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
\2784Unicode U+2784 belongs to the Dingbats block
Ideal for step five in flows, badges, and compact UI numbering
There is no named HTML entity for ➄
❓ Frequently Asked Questions
➄ (hex) or ➄ (decimal) in HTML. In CSS, use \2784 in the content property. All render ➄.U+2784 (hex 2784, decimal 10116). It’s part of the Dingbats Unicode block.➄ or ➄) are used directly in markup. The CSS escape \2784 is used in stylesheets (often in content on pseudo-elements). Same glyph, different layer.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