HTML Entity for Dingbat Negative Circled Digit Two (❷)
What You'll Learn
How to display the dingbat negative circled digit two (❷) in HTML using hex, decimal, and CSS entity methods. This character belongs to the Dingbats Unicode block and is often used as a bold, high-contrast step marker in UI badges, checklists, numbered callouts, and decorative numbering.
❷ has no named HTML entity. You’ll typically use numeric references (❷ or ❷) or a CSS escape (\2777 in content).
⚡ Quick Reference — ❷ Entity
U+2777Dingbats block
❷Hexadecimal reference
❷Decimal reference
\2777Use in CSS content
Name Value
──────────── ──────────
Unicode U+2777
Hex code ❷
HTML code ❷
Named entity (none)
CSS code \2777Complete HTML Example
This example demonstrates the dingbat negative circled digit two (❷) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2777";
}
</style>
</head>
<body>
<p>Negative Circled Digit Two using Hexa Decimal: ❷</p>
<p>Negative Circled Digit Two using HTML Code: ❷</p>
<p id="point">Negative Circled Digit Two using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The ❷ character (Unicode U+2777) is supported in all modern browsers. If a font doesn’t include the Dingbats glyph, the browser may fall back to another font.
👀 Live Preview
See the negative circled digit two rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
❷ references Unicode 2777 in hexadecimal, producing the glyph ❷ in your HTML.
Decimal HTML Code
❷ references the same Unicode code point using the decimal value 10103.
CSS Entity (Escape)
\2777 is used in CSS (most often in the content property) to generate ❷ without adding extra HTML.
Same visual result
All methods produce ❷. The Unicode value is U+2777 in the Dingbats block. There is no named HTML entity for this character.
Use Cases
The negative circled digit two (❷) commonly appears in the following scenarios:
Highlight steps in guides and onboarding flows with bold numbered markers (e.g., ❶ ❷ ❸).
Use in checklist-style content where the filled circle makes the number stand out.
Show counts, highlights, or featured items with a prominent circled number.
Annotate images, docs, or screenshots with high-contrast numeric callouts.
Label options like “Choice ❷” for a compact, visually distinct design.
Use as progress labels in multi-step forms or wizards where visibility matters.
💡 Best Practices
Do
- Use
❷or❷for reliable HTML rendering - Use the CSS escape
\2777incontentfor decorative markers - Pair ❷ with readable text like “Step 2” on first use
- Test across devices to ensure consistent font fallback
- Keep your numbering style consistent (don’t mix different circled-digit sets)
Don’t
- Assume every font renders Dingbats identically
- Use the CSS escape
\2777directly in HTML text - Rely on ❷ alone to convey meaning without context
- Mix hex/decimal styles randomly in the same document
- Use image-based badges when a text symbol is sufficient
Key Takeaways
Two HTML numeric references render ❷
❷ ❷For CSS stylesheets, use the escape in the content property
\2777Unicode U+2777 belongs to the Dingbats block
There is no named HTML entity for this Dingbats character
Use ❷ for clear step markers, callouts, badges, and lists—without images
❓ Frequently Asked Questions
❷ (hex) or ❷ (decimal) in HTML. For CSS, use \2777 in the content property. All methods render ❷.U+2777 (hex 2777, decimal 10103). It’s part of the Dingbats block.❷ or ❷) go directly in markup. The CSS escape \2777 is used in stylesheets (usually in content on ::before/::after). Same visual result, different layers of the stack.❷ or decimal ❷.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