HTML Entity for Circled Sans-Serif Digit Seven (➆)
Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+2786
Definition
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.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
➆
HTML text (UTF-8)
Hex entity
➆
HTML markup
Decimal entity
➆
HTML markup
CSS escape
\2786
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the circled glyph ➆
Type ➆, or ➆ / ➆
Generated text via ::before / ::after
content: "\2786"
Plain digit seven (not circled)
Type 7 (U+0037)
Looking for &circled7; or similar
Does not exist — use numeric form
See it
Live Preview
Circled Sans-Serif Digit Seven rendered in common UI contexts.
Inline text➆ Download your receipt
Large glyph➆
Step list➄ Review ➅ Confirm ➆ Done
Monospacestep ➆ → receipt
With entitiesHex: ➆ | Decimal: ➆
Code
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: ➆</p>
<p>Circled Seven using HTML Code: ➆</p>
<p id="point">Circled Seven using CSS Entity: </p>
<p>Typed directly: ➆</p>
</body>
</html>
Circled Seven using Hex Code: ➆
Circled Seven using HTML Code: ➆
Circled Seven using CSS Entity: ➆
Typed directly: ➆
How It Works
1. Hex:U+2786 → ➆ in HTML. The browser turns it into ➆.
2. Decimal: same code point as 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. ➆ / ➆ 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 ➆, not ➆.
Related
Negative circled
❼ (negative circled) is a different Unicode character — not the same as ➆.
Compatibility
Browser Support
Circled Sans-Serif Digit Seven (U+2786) and its numeric entity forms (➆, ➆, 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 ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2786 / entitiesFull support
Bottom line: Use ➆ or ➆ for the Unicode glyph, and \\2786 only inside CSS content. Prefer typed 7 for ordinary numbers.
Remember
Key Takeaways
Unicode: Circled Sans-Serif Digit Seven is U+2786 (decimal 10118).
HTML: use ➆ or ➆ 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 → ➆ / ➆ / CSS \2786, or paste ➆.
Frequently Asked Questions
Use ➆ (hex), ➆ (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 ➆ or ➆.
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 (➆ or ➆) 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 ➆ or ➆. It is a different character from plain digit seven (U+0037).