HTML Entity for Dingbat Negative Circled Digit Three (❸)
What You'll Learn
How to display the dingbat negative circled digit three (❸) 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 (\2778 in content).
⚡ Quick Reference — ❸ Entity
U+2778Dingbats block
❸Hexadecimal reference
❸Decimal reference
\2778Use in CSS content
Name Value
──────────── ──────────
Unicode U+2778
Hex code ❸
HTML code ❸
Named entity (none)
CSS code \2778Complete HTML Example
This example demonstrates the dingbat negative circled digit three (❸) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2778";
}
</style>
</head>
<body>
<p>Negative Circled Digit Three using Hexa Decimal: ❸</p>
<p>Negative Circled Digit Three using HTML Code: ❸</p>
<p id="point">Negative Circled Digit Three using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The ❸ character (Unicode U+2778) 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 three rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
❸ references Unicode 2778 in hexadecimal, producing the glyph ❸ in your HTML.
Decimal HTML Code
❸ references the same Unicode code point using the decimal value 10104.
CSS Entity (Escape)
\2778 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+2778 in the Dingbats block. There is no named HTML entity for this character.
Use Cases
The negative circled digit three (❸) is commonly used 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
\2778incontentfor decorative markers - Pair ❸ with readable text like “Step 3” 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
\2778directly 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
\2778Unicode U+2778 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 \2778 in the content property. All methods render ❸.U+2778 (hex 2778, decimal 10104). It’s part of the Dingbats block.❸ or ❸) go directly in markup. The CSS escape \2778 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