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