HTML Entity for Circled Sans-Serif Digit Seven (➆)

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

What Is the Circled Sans-Serif Digit Seven Entity?

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

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

When to use which

SituationUse
Need the circled glyph ➆Type ➆, or ➆ / ➆
Generated text via ::before / ::aftercontent: "\2786"
Plain digit seven (not circled)Type 7 (U+0037)
Looking for &circled7; or similarDoes not exist — use numeric form

Live Preview

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

How It Works

1. Hex: U+2786 → &#x2786; in HTML. The browser turns it into ➆.

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

3. CSS: use \2786 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 Seven entities.

Named?

No named entity

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

CSS vs HTML

Do not mix escapes

\2786 belongs in CSS. &#x2786; / &#10118; belong in HTML.

➆ vs 7

Different characters

➆ is U+2786; digit 7 is U+0037. 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 &#10118;, not &#10118.

Related

Negative circled

❼ (negative circled) is a different Unicode character — not the same as ➆.

Browser Support

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

✓ Universal support

Circled Sans-Serif 7 (➆)

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

Bottom line: Use &#x2786; or &#10118; for the Unicode glyph, and \\2786 only inside CSS content. Prefer typed 7 for ordinary numbers.

Key Takeaways

  • Unicode: Circled Sans-Serif Digit Seven is U+2786 (decimal 10118).
  • HTML: use &#x2786; or &#10118; when you need an entity.
  • CSS: use \2786 inside content for generated text.
  • Default: use ➆ for step-style UI; type 7 for ordinary numbers.

One line: U+2786 → &#x2786; / &#10118; / CSS \2786, or paste ➆.

Frequently Asked Questions

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

Did you know?

Circled sans-serif digit seven is Unicode U+2786 (decimal 10118). HTML5 has no named entity for it — use &#x2786; or &#10118;. It is a different character from plain digit seven (U+0037).

Next: 7 Negative Circled

Learn the HTML entity for negative circled digit seven (❼) — a different dingbat from ➆.

7 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