Negative Circled Digit Eight (❽) is the Unicode character at U+277D in the Dingbats block. It looks like a digit 8 on a filled circle and is common for high-contrast step markers.
Remember
Character ❽
Unicode U+277D
Hex entity ❽
Decimal ❽
CSS escape \277D
Named entity (none)
All of these produce the same glyph: ❽. Prefer this character when you need a filled circled look; type plain 8 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
\277D
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: "\277D"
Open circled sans-serif eight
Use ➇ (U+2787)
Plain digit eight (not circled)
Type 8 (U+0038)
Looking for &negcircled8; or similar
Does not exist — use numeric form
See it
Live Preview
Negative Circled Digit Eight rendered in common UI contexts.
Inline text❽ Download receipt
Large glyph❽
Step list❻ Review ❼ Confirm ❽ Done
Monospacestep ❽ → receipt
With entitiesHex: ❽ | Decimal: ❽
Code
Complete HTML Example
One page that shows Negative Circled Digit Eight 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 Eight (❽) in HTML</title>
<style>
#point::after {
content: "\277D";
}
</style>
</head>
<body>
<p>Negative Circled Eight using Hex Code: ❽</p>
<p>Negative Circled Eight using HTML Code: ❽</p>
<p id="point">Negative Circled Eight using CSS Entity: </p>
<p>Typed directly: ❽</p>
</body>
</html>
Negative Circled Eight using Hex Code: ❽
Negative Circled Eight using HTML Code: ❽
Negative Circled Eight using CSS Entity: ❽
Typed directly: ❽
How It Works
1. Hex:U+277D → ❽ in HTML. The browser turns it into ❽.
2. Decimal: same code point as 10109 → ❽. Same result as hex.
3. CSS: use \277D 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 Eight entities.
Named?
No named entity
HTML5 does not define &negcircled8; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\277D belongs in CSS. ❽ / ❽ belong in HTML.
❽ vs ➇ vs 8
Different characters
❽ is U+277D; open circled ➇ is U+2787; digit 8 is U+0038.
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 Eight (U+277D) and its numeric entity forms (❽, ❽, CSS \\277D) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Negative Circled 8 (❽)
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+277D / entitiesFull support
Bottom line: Use ❽ or ❽ for the Unicode glyph, and \\277D only inside CSS content. Prefer typed 8 for ordinary numbers.
Remember
Key Takeaways
Unicode: Negative Circled Digit Eight is U+277D (decimal 10109).
HTML: use ❽ or ❽ when you need an entity.
CSS: use \277D inside content for generated text.
Default: use ❽ for filled step badges; type 8 for ordinary numbers.
One line:U+277D → ❽ / ❽ / CSS \277D, or paste ❽.
Frequently Asked Questions
Use ❽ (hex), ❽ (decimal), or the CSS escape \277D in the content property. All render ❽. You can also paste ❽ directly when your file is UTF-8.
U+277D (hex 277D, decimal 10109). 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 8 (U+0038).
No. Digit eight is U+0038. Open circled sans-serif eight is U+2787 (➇). Negative circled eight is U+277D (❽) — a different character.
HTML entities (❽ or ❽) go in markup. The CSS escape \277D is used in stylesheets (usually in the content property of ::before/::after). Both render ❽.
🤔
Did you know?
Negative circled digit eight is Unicode U+277D (decimal 10109). HTML5 has no named entity for it — use ❽ or ❽. It is a different character from plain digit eight (U+0038) and from open circled ➇ (U+2787).
