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