HTML Entity for Dingbat Negative Circled Sans-Serif Digit Eight (➑)
What You'll Learn
How to display dingbat negative circled sans-serif digit eight (➑) 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 decorative numbering with a stronger (negative) fill style.
➑ has no named HTML entity, so you’ll use numeric references (➑ or ➑) or a CSS escape (\2791 in content).
⚡ Quick Reference — ➑ Entity
U+2791Dingbats block
➑Hexadecimal reference
➑Decimal reference
\2791Use in CSS content
Name Value
──────────── ──────────
Unicode U+2791
Hex code ➑
HTML code ➑
Named entity (none)
CSS code \2791Complete 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: "\2791";
}
</style>
</head>
<body>
<p>Negative Circled Sans-Serif Digit Eight using Hexa Decimal: ➑</p>
<p>Negative Circled Sans-Serif Digit Eight using HTML Code: ➑</p>
<p id="point">Negative Circled Sans-Serif Digit Eight using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The character ➑ (U+2791) 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 2791 in hexadecimal to produce the glyph ➑ in HTML.
Decimal HTML Code
➑ uses the decimal code point value 10129 to render the same character.
CSS Entity (Escape)
\2791 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+2791 (Dingbats). Negative circled sans-serif digits 1–10 map to U+278A–U+2793. There is no named HTML entity for this character.
Use Cases
The negative circled sans-serif digit eight (➑) commonly appears in the following scenarios:
Number steps visually when you want higher contrast markers (➊ … ➑).
Show counts and emphasis with a bold, filled circled number on dark or colored backgrounds.
Label choices like “Option ➑” with a clear visual marker.
Annotate diagrams and docs with high-contrast circled numbers.
Use negative circled digits as checklist markers or step counters.
Page 8 or item 8 in paginated or carousel interfaces with stronger emphasis.
Stylized numeric accents on headings, banners, or lists without images.
💡 Best Practices
Do
- Provide context like “Step 8” near the symbol when it conveys meaning
- Verify your fonts support Dingbats (or provide fallbacks)
- Use the negative circled style intentionally (it has more visual weight)
- Prefer numeric references (
➑/➑) for portability - Use CSS
::before/::afterwhen the symbol is 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
\2791Unicode U+2791 belongs to the Dingbats block
Negative circled digits give higher visual contrast than outline circled styles
There is no named HTML entity for ➑
❓ Frequently Asked Questions
➑ (hex) or ➑ (decimal) in HTML. In CSS, use \2791 in the content property. All render ➑.U+2791 (hex 2791, decimal 10129). It’s part of the Dingbats Unicode block.➑ or ➑) are used directly in markup. The CSS escape \2791 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