HTML Entity for Negative Circled Sans-Serif Digit One (➊)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+278A

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.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➊HTML text (UTF-8)
Hex entity➊HTML markup
Decimal entity➊HTML markup
CSS escape\278AStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the filled sans-serif glyph ➊Type ➊, or ➊ / ➊
Generated text via ::before / ::aftercontent: "\278A"
Filled circled (serif-style dingbat)Use ❶ (U+2776)
Open circled sans-serifUse ➀ (U+2780)
Plain digit one (not circled)Type 1 (U+0031)
Looking for &negcircledsans1; or similarDoes not exist — use numeric form

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
Monospace step ➊ → intro
With entities Hex: ➊ | Decimal: ➊

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: &#x278A;</p>
  <p>Neg. Circled Sans-Serif One using HTML Code: &#10122;</p>
  <p id="point">Neg. Circled Sans-Serif One using CSS Entity: </p>
  <p>Typed directly: ➊</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+278A → &#x278A; in HTML. The browser turns it into ➊.

2. Decimal: same code point as 10122 → &#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. &#x278A; / &#10122; 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 &#10122;, not &#10122.

Related

Open circled cousin

Open circled sans-serif one (➀) is a different Unicode character from ➊.

Browser Support

Negative Circled Sans-Serif Digit One (U+278A) and its numeric entity forms (&#x278A;, &#10122;, 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 Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+278A / entities Full support

Bottom line: Use &#x278A; or &#10122; for the Unicode glyph, and \\278A only inside CSS content. Prefer typed 1 for ordinary numbers.

Key Takeaways

  • Unicode: Negative Circled Sans-Serif Digit One is U+278A (decimal 10122).
  • HTML: use &#x278A; or &#10122; 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 → &#x278A; / &#10122; / CSS \278A, or paste ➊.

Frequently Asked Questions

Use &#x278A; (hex), &#10122; (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 &#x278A; or &#10122;.
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 (&#10122; or &#x278A;) 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 &#x278A; or &#10122;. It is a different character from plain digit one (U+0031) and from filled circled ❶ (U+2776).

Next: 1 Lowercase Roman

Learn the HTML entity for lowercase roman numeral one (ⅰ) — a different character from ➊.

1 Lowercase Roman tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful