HTML Entity for Negative Circled Sans-Serif Digit One (➊)
Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+278A
Definition
What Is the Negative Circled Sans-Serif Digit One Entity?
Negative Circled Sans-Serif Digit One (➊) is the Unicode character at U+278A in the Dingbats block. It looks like a white sans-serif digit 1 on a filled circle and is common for high-contrast step markers and rankings.
Remember
Character ➊
Unicode U+278A
Hex entity ➊
Decimal ➊
CSS escape \278A
Named entity (none)
All of these produce the same glyph: ➊. Prefer the Unicode character (or its entities) when you need that filled sans-serif 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
\278A
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the filled sans-serif glyph ➊
Type ➊, or ➊ / ➊
Generated text via ::before / ::after
content: "\278A"
Filled circled (serif-style dingbat)
Use ❶ (U+2776)
Open circled sans-serif
Use ➀ (U+2780)
Plain digit one (not circled)
Type 1 (U+0031)
Looking for &negcircledsans1; or similar
Does not exist — use numeric form
See it
Live Preview
Negative Circled Sans-Serif 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 Sans-Serif 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 Sans-Serif Digit One (➊) in HTML</title>
<style>
#point::after {
content: "\278A";
}
</style>
</head>
<body>
<p>Neg. Circled Sans-Serif One using Hex Code: ➊</p>
<p>Neg. Circled Sans-Serif One using HTML Code: ➊</p>
<p id="point">Neg. Circled Sans-Serif One using CSS Entity: </p>
<p>Typed directly: ➊</p>
</body>
</html>
Neg. Circled Sans-Serif One using Hex Code: ➊
Neg. Circled Sans-Serif One using HTML Code: ➊
Neg. Circled Sans-Serif One using CSS Entity: ➊
Typed directly: ➊
How It Works
1. Hex:U+278A → ➊ in HTML. The browser turns it into ➊.
2. Decimal: same code point as 10122 → ➊. Same result as hex.
3. CSS: use \278A 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 Sans-Serif Digit One entities.
Named?
No named entity
HTML5 does not define &negcircledsans1; or similar. Use numeric forms.
CSS vs HTML
Do not mix escapes
\278A belongs in CSS. ➊ / ➊ belong in HTML.
➊ vs ❶ vs 1
Different characters
➊ is U+278A; ❶ is U+2776; digit 1 is U+0031.
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
Open circled cousin
Open circled sans-serif one (➀) is a different Unicode character from ➊.
Compatibility
Browser Support
Negative Circled Sans-Serif Digit One (U+278A) and its numeric entity forms (➊, ➊, CSS \\278A) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Neg. Circled Sans-Serif 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+278A / entitiesFull support
Bottom line: Use ➊ or ➊ for the Unicode glyph, and \\278A only inside CSS content. Prefer typed 1 for ordinary numbers.
Remember
Key Takeaways
Unicode: Negative Circled Sans-Serif Digit One is U+278A (decimal 10122).
HTML: use ➊ or ➊ when you need an entity.
CSS: use \278A inside content for generated text.
Default: use ➊ for filled sans-serif step UI; type 1 for ordinary numbers.
One line:U+278A → ➊ / ➊ / CSS \278A, or paste ➊.
Frequently Asked Questions
Use ➊ (hex), ➊ (decimal), or the CSS escape \278A in the content property. All render ➊. You can also paste ➊ directly when your file is UTF-8.
U+278A (hex 278A, decimal 10122). 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 sans-serif 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. Negative circled one is U+2776 (❶). Negative circled sans-serif one is U+278A (➊) — a different character.
HTML entities (➊ or ➊) go in markup. The CSS escape \278A is used in stylesheets (usually in the content property of ::before/::after). Both render ➊.
🤔
Did you know?
Negative circled sans-serif digit one is Unicode U+278A (decimal 10122). HTML5 has no named entity for it — use ➊ or ➊. It is a different character from plain digit one (U+0031) and from filled circled ❶ (U+2776).