HTML Entity for Circled Sans-Serif Digit Three (➂)

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

What Is the Circled Sans-Serif Digit Three Entity?

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

Remember
Character     ➂
Unicode       U+2782
Hex entity    ➂
Decimal       ➂
CSS escape    \2782
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 3 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\2782Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the circled glyph ➂Type ➂, or ➂ / ➂
Generated text via ::before / ::aftercontent: "\2782"
Plain digit three (not circled)Type 3 (U+0033)
Looking for &circled3; or similarDoes not exist — use numeric form

Live Preview

Circled Sans-Serif Digit Three rendered in common UI contexts.

Inline text ➂ Confirm your password
Large glyph ➂
Step list ➀ Start   ➁ Continue   ➂ Finish
Monospace step ➂ → review
With entities Hex: ➂ | Decimal: ➂

Complete HTML Example

One page that shows Circled Sans-Serif Digit Three 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 Three (➂) in HTML</title>
  <style>
    #point::after {
      content: "\2782";
    }
  </style>
</head>
<body>
  <p>Circled Three using Hex Code: &#x2782;</p>
  <p>Circled Three using HTML Code: &#10114;</p>
  <p id="point">Circled Three using CSS Entity: </p>
  <p>Typed directly: ➂</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2782 → &#x2782; in HTML. The browser turns it into ➂.

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

3. CSS: use \2782 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 Three entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\2782 belongs in CSS. &#x2782; / &#10114; belong in HTML.

➂ vs 3

Different characters

➂ is U+2782; digit 3 is U+0033. 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 &#10114;, not &#10114.

Related

Negative circled

❸ (negative circled) is a different Unicode character — not the same as ➂.

Browser Support

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

✓ Universal support

Circled Sans-Serif 3 (➂)

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

Bottom line: Use &#x2782; or &#10114; for the Unicode glyph, and \\2782 only inside CSS content. Prefer typed 3 for ordinary numbers.

Key Takeaways

  • Unicode: Circled Sans-Serif Digit Three is U+2782 (decimal 10114).
  • HTML: use &#x2782; or &#10114; when you need an entity.
  • CSS: use \2782 inside content for generated text.
  • Default: use ➂ for step-style UI; type 3 for ordinary numbers.

One line: U+2782 → &#x2782; / &#10114; / CSS \2782, or paste ➂.

Frequently Asked Questions

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

Did you know?

Circled sans-serif digit three is Unicode U+2782 (decimal 10114). HTML5 has no named entity for it — use &#x2782; or &#10114;. It is a different character from plain digit three (U+0033).

Next: 3 Negative Circled

Learn the HTML entity for negative circled digit three (❸) — a different dingbat from ➂.

3 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