HTML Entity for Circled Sans-Serif Digit Five (➄)

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

What Is the Circled Sans-Serif Digit Five Entity?

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

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

When to use which

SituationUse
Need the circled glyph ➄Type ➄, or ➄ / ➄
Generated text via ::before / ::aftercontent: "\2784"
Plain digit five (not circled)Type 5 (U+0035)
Looking for &circled5; or similarDoes not exist — use numeric form

Live Preview

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

Inline text ➄ Download your receipt
Large glyph ➄
Step list ➂ Review   ➃ Confirm   ➄ Done
Monospace step ➄ → receipt
With entities Hex: ➄ | Decimal: ➄

Complete HTML Example

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

How It Works

1. Hex: U+2784 → &#x2784; in HTML. The browser turns it into ➄.

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

3. CSS: use \2784 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 Five entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\2784 belongs in CSS. &#x2784; / &#10116; belong in HTML.

➄ vs 5

Different characters

➄ is U+2784; digit 5 is U+0035. 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 &#10116;, not &#10116.

Related

Negative circled

❺ (negative circled) is a different Unicode character — not the same as ➄.

Browser Support

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

✓ Universal support

Circled Sans-Serif 5 (➄)

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

Bottom line: Use &#x2784; or &#10116; for the Unicode glyph, and \\2784 only inside CSS content. Prefer typed 5 for ordinary numbers.

Key Takeaways

  • Unicode: Circled Sans-Serif Digit Five is U+2784 (decimal 10116).
  • HTML: use &#x2784; or &#10116; when you need an entity.
  • CSS: use \2784 inside content for generated text.
  • Default: use ➄ for step-style UI; type 5 for ordinary numbers.

One line: U+2784 → &#x2784; / &#10116; / CSS \2784, or paste ➄.

Frequently Asked Questions

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

Did you know?

Circled sans-serif digit five is Unicode U+2784 (decimal 10116). HTML5 has no named entity for it — use &#x2784; or &#10116;. It is a different character from plain digit five (U+0035).

Next: 5 Negative Circled

Learn the HTML entity for negative circled digit five (❺) — a different dingbat from ➄.

5 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