HTML Entity for Circled Dot Operator (⊙)

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

What Is the Circled Dot Operator Entity?

Circled Dot Operator (⊙) is the Unicode character at U+2299 in the Mathematical Operators block (official name: CIRCLED DOT OPERATOR). It shows a dot inside a circle and appears in math notation (including some Hadamard-style or element-wise product contexts).

Remember
Character     ⊙
Unicode       U+2299
Hex entity    ⊙
Decimal       ⊙
Named entity  ⊙
CSS escape    \2299

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⊙HTML markup
Hex entity⊙HTML markup
Decimal entity⊙HTML markup
CSS escape\2299Stylesheet content

When to use which

SituationUse
Hand-written HTML⊙ or type ⊙
Generated / numeric-only markup⊙ or ⊙
Generated text via ::before / ::aftercontent: "\2299"
Plain multiplication dotUse ⋅ (⋅), not ⊙
List bulletUse • (•)

Live Preview

Circled Dot Operator rendered in common writing contexts.

Inline text A ⊙ B
Large glyph ⊙
Compared ⊙   ⋅   •   ⊗
Monospace op ⊙ → circled dot
With entities Named: ⊙ | Hex: ⊙ | Decimal: ⊙

Complete HTML Example

One page that shows Circled Dot 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 Dot Operator (⊙) in HTML</title>
  <style>
    #point::after {
      content: "\2299";
    }
  </style>
</head>
<body>
  <p>Circled Dot Operator using Named Entity: &odot;</p>
  <p>Circled Dot Operator using Hex Code: &#x2299;</p>
  <p>Circled Dot Operator using HTML Code: &#8857;</p>
  <p id="point">Circled Dot Operator using CSS Entity: </p>
  <p>Typed directly: ⊙</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &odot; is the HTML5 named reference for U+2299 → ⊙.

2. Hex: U+2299 → &#x2299; in HTML. Same glyph as the named form.

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

4. CSS: use \2299 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 Dot Operator entities.

Named

Use &odot;

The HTML5 name is &odot;. Always end with ;.

CSS vs HTML

Do not mix escapes

\2299 belongs in CSS. &odot; / &#x2299; / &#8857; belong in HTML.

⊙ vs ⋅

Different characters

⊙ is U+2299. Dot operator ⋅ is U+22C5 (&sdot;).

⊙ vs •

Not a list bullet

Bullet • is U+2022. Use it for lists; use ⊙ for circled math notation.

Semicolon

End references

Always finish with ; — write &odot; and &#8857;, not bare forms.

Fonts

Math font coverage

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

Browser Support

Circled Dot Operator (U+2299) and its entity forms (&odot;, &#x2299;, &#8857;, CSS \\2299) are supported in all mainstream browsers.

✓ Universal support

Circled Dot 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+2299 / entities Full support

Bottom line: Prefer &odot; or a typed ⊙ for math notation. Use decimal when generating markup, and \\2299 only inside CSS content.

Key Takeaways

  • Unicode: circled dot operator is U+2299 (decimal 8857).
  • HTML: prefer &odot; (also &#x2299;, &#8857;).
  • CSS: use \2299 inside content for generated text.
  • Watch out: ⊙ ≠ ⋅ ≠ • (circled dot ≠ dot operator ≠ bullet).

One line: U+2299 → &odot; / &#x2299; / &#8857; / CSS \2299.

Frequently Asked Questions

Use &#x2299; (hex), &#8857; (decimal), &odot; (named), or the CSS escape \2299 in the content property. All render ⊙. You can also paste ⊙ directly when your file is UTF-8.
U+2299 (hex 2299, decimal 8857). Unicode names it CIRCLED DOT OPERATOR. It belongs to the Mathematical Operators block.
Yes. &odot; maps to U+2299. Prefer &odot; in hand-written HTML; numeric forms are useful in generated markup.
⊙ (U+2299) is circled dot operator. ⋅ (U+22C5) is the plain dot operator. • (U+2022) is bullet — used for lists, not as a circled math operator.
HTML entities (&#8857;, &#x2299;, or &odot;) go in markup. The CSS escape \2299 is used in stylesheets (usually in the content property of ::before/::after). Both render ⊙.
Use it in math or linear algebra when you need this exact circled-dot operator (for example some Hadamard-style notations). Prefer ⋅ or a middle dot for ordinary multiplication dots.

Did you know?

Circled dot operator is Unicode U+2299 (decimal 8857) — official name CIRCLED DOT OPERATOR in the Mathematical Operators block. HTML’s named reference is &odot;. It is not the plain dot operator (U+22C5 ⋅) or bullet (U+2022 •).

Next: Circled Equals

Learn the HTML entity for circled equals (⊜).

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