Negative Circled Digit Two (❷) is the Unicode character at U+2777 in the Dingbats block. It looks like a digit 2 on a filled circle and is common for high-contrast step markers.
Remember
Character ❷
Unicode U+2777
Hex entity ❷
Decimal ❷
CSS escape \2777
Named entity (none)
All of these produce the same glyph: ❷. Prefer this character when you need a filled circled look; type plain 2 when you only need a normal digit.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
❷
HTML text (UTF-8)
Hex entity
❷
HTML markup
Decimal entity
❷
HTML markup
CSS escape
\2777
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the filled circled glyph ❷
Type ❷, or ❷ / ❷
Generated text via ::before / ::after
content: "\2777"
Open circled sans-serif two
Use ➁ (U+2781)
Plain digit two (not circled)
Type 2 (U+0032)
Looking for &negcircled2; or similar
Does not exist — use numeric form
See it
Live Preview
Negative Circled Digit Two rendered in common UI contexts.
Inline text❷ Confirm your details
Large glyph❷
Step list❶ Start ❷ Continue ❸ Finish
Monospacestep ❷ → details
With entitiesHex: ❷ | Decimal: ❷
Code
Complete HTML Example
One page that shows Negative Circled Digit Two with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce ❷ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Negative Circled Digit Two (❷) in HTML</title>
<style>
#point::after {
content: "\2777";
}
</style>
</head>
<body>
<p>Negative Circled Two using Hex Code: ❷</p>
<p>Negative Circled Two using HTML Code: ❷</p>
<p id="point">Negative Circled Two using CSS Entity: </p>
<p>Typed directly: ❷</p>
</body>
</html>
Negative Circled Two using Hex Code: ❷
Negative Circled Two using HTML Code: ❷
Negative Circled Two using CSS Entity: ❷
Typed directly: ❷
How It Works
1. Hex:U+2777 → ❷ in HTML. The browser turns it into ❷.
2. Decimal: same code point as 10103 → ❷. Same result as hex.
3. CSS: use \2777 in content (not an HTML entity). #point::after appends that ❷ after the paragraph text.
4. Typed ❷: fine in UTF-8 pages. All four lines show the same dingbat digit.
Pitfalls & Tips
Common mistakes when working with Negative Circled Digit Two entities.
Named?
No named entity
HTML5 does not define &negcircled2; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\2777 belongs in CSS. ❷ / ❷ belong in HTML.
❷ vs ➁ vs 2
Different characters
❷ is U+2777; open circled ➁ is U+2781; digit 2 is U+0032.
Fonts
Check the glyph
Dingbat support varies by font. If ❷ is missing, use a fallback font or CSS badge instead.
Semicolon
End references
Always finish with ; — write ❷, not ❷.
Related
Sans-serif filled form
➋ (negative circled sans-serif) is a different Unicode character — not the same as ❷.
Compatibility
Browser Support
Negative Circled Digit Two (U+2777) and its numeric entity forms (❷, ❷, CSS \\2777) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Negative Circled 2 (❷)
Encode with hex, decimal, or CSS escape — or paste ❷ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2777 / entitiesFull support
Bottom line: Use ❷ or ❷ for the Unicode glyph, and \\2777 only inside CSS content. Prefer typed 2 for ordinary numbers.
Remember
Key Takeaways
Unicode: Negative Circled Digit Two is U+2777 (decimal 10103).
HTML: use ❷ or ❷ when you need an entity.
CSS: use \2777 inside content for generated text.
Default: use ❷ for filled step badges; type 2 for ordinary numbers.
One line:U+2777 → ❷ / ❷ / CSS \2777, or paste ❷.
Frequently Asked Questions
Use ❷ (hex), ❷ (decimal), or the CSS escape \2777 in the content property. All render ❷. You can also paste ❷ directly when your file is UTF-8.
U+2777 (hex 2777, decimal 10103). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ❷. Use numeric references like ❷ or ❷.
Use it for filled step markers, rankings, and high-contrast numbered badges. For plain counts or data, prefer typing digit 2 (U+0032).
No. Digit two is U+0032. Open circled sans-serif two is U+2781 (➁). Negative circled two is U+2777 (❷) — a different character.
HTML entities (❷ or ❷) go in markup. The CSS escape \2777 is used in stylesheets (usually in the content property of ::before/::after). Both render ❷.
🤔
Did you know?
Negative circled digit two is Unicode U+2777 (decimal 10103). HTML5 has no named entity for it — use ❷ or ❷. It is a different character from plain digit two (U+0032) and from open circled ➁ (U+2781).
