HTML Entity for Circled Ring Operator (⊚)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+229A

What Is the Circled Ring Operator Entity?

Circled Ring Operator (⊚) is the Unicode character at U+229A in the Mathematical Operators block (official name: CIRCLED RING OPERATOR). It shows a small ring inside a larger circle and is used in algebra and formal math notation.

Remember
Character     ⊚
Unicode       U+229A
Hex entity    ⊚
Decimal       ⊚
Named entity  ⊚ / ⊚
CSS escape    \229A

All of these produce the same glyph: ⊚. Prefer ⊚ or a typed ⊚ in hand-written HTML; use numeric forms when generating markup.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character⊚HTML text (UTF-8)
Named entity⊚ or ⊚HTML markup
Hex entity⊚HTML markup
Decimal entity⊚HTML markup
CSS escape\229AStylesheet content

When to use which

SituationUse
Hand-written HTML⊚ or type ⊚
Generated / numeric-only markup⊚ or ⊚
Generated text via ::before / ::aftercontent: "\229A"
Plain ring / compositionUse ∘ (∘ / U+2218)
Circled dot (look-alike)Use ⊙ (U+2299), not ⊚

Live Preview

Circled Ring Operator rendered in common writing contexts.

Inline text A ⊚ B
Large glyph ⊚
Compared ⊚   ∘   ⊙   ⊕
Monospace op ⊚ → circled ring
With entities Named: ⊚ | Hex: ⊚ | Decimal: ⊚

Complete HTML Example

One page that shows Circled Ring Operator with the named entity, hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ⊚ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Circled Ring Operator (⊚) in HTML</title>
  <style>
    #point::after {
      content: "\229A";
    }
  </style>
</head>
<body>
  <p>Circled Ring Operator using Named Entity: &ocir;</p>
  <p>Circled Ring Operator using Hex Code: &#x229A;</p>
  <p>Circled Ring Operator using HTML Code: &#8858;</p>
  <p id="point">Circled Ring Operator using CSS Entity: </p>
  <p>Typed directly: ⊚</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &ocir; (alias &circledcirc;) is the HTML5 named reference for U+229A → ⊚.

2. Hex: U+229A → &#x229A; in HTML. Same glyph as the named form.

3. Decimal: same code point as 8858 → &#8858;. Same result as hex.

4. CSS: use \229A in content (not an HTML entity). #point::after appends that ⊚ after the paragraph text.

5. Typed ⊚: fine in UTF-8 pages. All five lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with Circled Ring Operator entities.

Named

Use &ocir;

&ocir; and &circledcirc; both work. Always end with ;.

CSS vs HTML

Do not mix escapes

\229A belongs in CSS. &ocir; / &#x229A; / &#8858; belong in HTML.

⊚ vs ∘

Different characters

⊚ is U+229A. Ring operator ∘ is U+2218 (&compfn;).

⊚ vs ⊙

Not circled dot

Circled dot ⊙ is U+2299. Do not swap it with circled ring.

Semicolon

End references

Always finish with ; — write &ocir; and &#8858;, not bare forms.

Fonts

Math font coverage

Some UI fonts lack ⊚. If missing, name the operator in nearby text.

Browser Support

Circled Ring Operator (U+229A) and its entity forms (&ocir;, &circledcirc;, &#x229A;, &#8858;, CSS \\229A) are supported in all mainstream browsers.

✓ Universal support

Circled Ring Operator (⊚)

Type ⊚, or encode with named, hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

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

Bottom line: Prefer &ocir; or a typed ⊚ for math notation. Use decimal when generating markup, and \\229A only inside CSS content.

Key Takeaways

  • Unicode: circled ring operator is U+229A (decimal 8858).
  • HTML: prefer &ocir; (also &circledcirc;, &#x229A;, &#8858;).
  • CSS: use \229A inside content for generated text.
  • Watch out: ⊚ ≠ ∘ ≠ ⊙ (circled ring ≠ ring ≠ circled dot).

One line: U+229A → &ocir; / &#x229A; / &#8858; / CSS \229A.

Frequently Asked Questions

Use &#x229A; (hex), &#8858; (decimal), &ocir; or &circledcirc; (named), or the CSS escape \229A in the content property. All render ⊚. You can also paste ⊚ directly when your file is UTF-8.
U+229A (hex 229A, decimal 8858). Unicode names it CIRCLED RING OPERATOR. It belongs to the Mathematical Operators block.
Yes. Both &ocir; and &circledcirc; map to U+229A. Prefer &ocir; in hand-written HTML; numeric forms are useful in generated markup.
⊚ (U+229A) is a small ring inside a circle. ∘ (U+2218) is the plain ring (composition) operator. ⊙ (U+2299) is circled dot — a different circled math operator.
HTML entities (&#8858;, &#x229A;, &ocir;, or &circledcirc;) go in markup. The CSS escape \229A is used in stylesheets (usually in the content property of ::before/::after). Both render ⊚.
Use it in algebra or formal notation when you need this exact circled-ring operator. Prefer ∘ for ordinary function composition and ⊙ when you mean circled dot.

Did you know?

Circled ring operator is Unicode U+229A (decimal 8858) — official name CIRCLED RING OPERATOR in the Mathematical Operators block. HTML named references are &ocir; and &circledcirc;. It is not the plain ring operator (U+2218 ∘) or circled dot (U+2299 ⊙).

Next: Circled Times

Learn the HTML entity for circled times (⊗).

Circled Times 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