HTML Entity for Circled Sans-Serif Digit One (➀)

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

What Is the Circled Sans-Serif Digit One Entity?

Circled Sans-Serif Digit One (➀) is the Unicode character at U+2780 in the Dingbats block. It looks like a digit 1 inside a circle and is common for step markers and decorative numbering.

Remember
Character     ➀
Unicode       U+2780
Hex entity    ➀
Decimal       ➀
CSS escape    \2780
Named entity  (none)

All of these produce the same glyph: ➀. Prefer the Unicode character (or its entities) when you need that exact 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\2780Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the circled glyph ➀Type ➀, or ➀ / ➀
Generated text via ::before / ::aftercontent: "\2780"
Plain digit one (not circled)Type 1 (U+0031)
Looking for &circled1; or similarDoes not exist — use numeric form

Live Preview

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 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>Circled Sans-Serif Digit One (➀) in HTML</title>
  <style>
    #point::after {
      content: "\2780";
    }
  </style>
</head>
<body>
  <p>Circled One using Hex Code: &#x2780;</p>
  <p>Circled One using HTML Code: &#10112;</p>
  <p id="point">Circled One using CSS Entity: </p>
  <p>Typed directly: ➀</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2780 → &#x2780; in HTML. The browser turns it into ➀.

2. Decimal: same code point as 10112 → &#10112;. Same result as hex.

3. CSS: use \2780 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 Circled Sans-Serif Digit One entities.

Named?

No named entity

HTML5 does not define &circled1; or similar. Use numeric forms.

CSS vs HTML

Do not mix escapes

\2780 belongs in CSS. &#x2780; / &#10112; belong in HTML.

➀ vs 1

Different characters

➀ is U+2780; digit 1 is U+0031. Do not treat them as the same.

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 &#10112;, not &#10112.

Related

Negative circled

❶ (negative circled) is a different Unicode character — not the same as ➀.

Browser Support

Circled Sans-Serif Digit One (U+2780) and its numeric entity forms (&#x2780;, &#10112;, CSS \\2780) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

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+2780 / entities Full support

Bottom line: Use &#x2780; or &#10112; for the Unicode glyph, and \\2780 only inside CSS content. Prefer typed 1 for ordinary numbers.

Key Takeaways

  • Unicode: Circled Sans-Serif Digit One is U+2780 (decimal 10112).
  • HTML: use &#x2780; or &#10112; when you need an entity.
  • CSS: use \2780 inside content for generated text.
  • Default: use ➀ for step-style UI; type 1 for ordinary numbers.

One line: U+2780 → &#x2780; / &#10112; / CSS \2780, or paste ➀.

Frequently Asked Questions

Use &#x2780; (hex), &#10112; (decimal), or the CSS escape \2780 in the content property. All render ➀. You can also paste ➀ directly when your file is UTF-8.
U+2780 (hex 2780, decimal 10112). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ➀. Use numeric references like &#x2780; or &#10112;.
Use it for step markers, rankings, menus, and decorative numbered labels. For plain counts or data, prefer typing digit 1 (U+0031).
No. Digit one is U+0031. Circled Sans-Serif Digit One is U+2780 — a different character with a different code point.
HTML entities (&#10112; or &#x2780;) go in markup. The CSS escape \2780 is used in stylesheets (usually in the content property of ::before/::after). Both render ➀.

Did you know?

Circled sans-serif digit one is Unicode U+2780 (decimal 10112). HTML5 has no named entity for it — use &#x2780; or &#10112;. It is a different character from plain digit one (U+0031).

Next: 1 Negative Circled

Learn the HTML entity for negative circled digit one (❶) — a different dingbat from ➀.

1 Negative Circled 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