HTML Entity for Original Of (⊶)

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

What Is the Original Of Entity?

Original Of (⊶) is the Mathematical Operators character at Unicode U+22B6 (ORIGINAL OF). In math and set theory it often marks the original (preimage) of a set under a function — the set of all inputs that map into a given set of outputs.

Remember
Character     ⊶
Unicode       U+22B6
Hex entity    ⊶
Decimal       ⊶
Named entity  ⊶
CSS escape    \22B6
Not the same  ⊷ · ©

All of these produce the same glyph: ⊶. Prefer ⊶ in HTML source for clarity; use hex/decimal when generating entities, and CSS \22B6 only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⊶HTML markup (best default)
Hex entity⊶HTML markup
Decimal entity⊶HTML markup
CSS escape\22B6Stylesheet content
Direct character⊶UTF-8 HTML text

When to Use Which

SituationUse
Readable math / set-theory HTML source⊶
Need a numeric entity in HTML⊶ or ⊶
Generated text via ::before / ::aftercontent: "\22B6"
Image of a set under a mapping⊷ (⊷)
Copyright / legal mark© (©)

Live Preview

Original Of rendered in common math contexts.

Inline math f ⊶ B
Large glyph ⊶
Compared Original ⊶  |  Image ⊷
Named entity ⊶ → ⊶
With entities Hex: ⊶ | Decimal: ⊶ | Named: ⊶

Complete HTML Example

One page that shows Original Of with the hex entity, decimal entity, named entity, and CSS escape. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ⊶ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Original Of (⊶) in HTML</title>
  <style>
    #point::after {
      content: "\22B6";
    }
  </style>
</head>
<body>
  <p>Original Of using Hex Code: &#x22B6;</p>
  <p>Original Of using HTML Code: &#8886;</p>
  <p>Original Of using Named Entity: &origof;</p>
  <p id="point">Original Of using CSS Entity: </p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+22B6 → &#x22B6; in HTML. The browser turns it into ⊶.

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

3. Named: &origof; is the HTML5 name for this character — easiest to read in source.

4. CSS: use \22B6 in content (not an HTML entity). #point::after appends that ⊶ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with the Original Of symbol.

Named

Prefer &origof;

Named form is clearer than numeric codes in hand-written HTML.

⊷

Not Image Of

⊷ is U+22B7 (&imof;) — image under a mapping. ⊶ is original / preimage.

©

Not copyright

Use &copy; for ©. Original Of is a math relation, not a legal mark.

CSS vs HTML

Do not mix escapes

\22B6 belongs in CSS. &origof; / &#x22B6; / &#8886; belong in HTML.

Semicolon

End references

Always finish with ; — write &origof;, not &origof.

Fonts

Math Operators support

Use fonts that include U+22B6 (e.g. Segoe UI Symbol, Noto Sans Math, Cambria Math) so the glyph is not missing.

Browser Support

Original Of (U+22B6) and its entity forms (&origof;, &#x22B6;, &#8886;, CSS \\22B6) are supported in all mainstream browsers when the font includes Mathematical Operators.

✓ Universal support

Original Of (⊶)

Use &origof;, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.

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

Bottom line: Prefer &origof; in HTML for readability. Use &#x22B6; or &#8886; when encoding must be numeric, and \\22B6 only inside CSS content.

Key Takeaways

  • Unicode: Original Of is U+22B6 (decimal 8886) — glyph ⊶.
  • HTML: prefer &origof;, or use &#x22B6; / &#8886;.
  • CSS: use \22B6 inside content for generated text.
  • Use case: preimage / original-of notation — not ⊷ and not &copy;.

One line: U+22B6 → &origof; / &#x22B6; / &#8886; / CSS \22B6.

Frequently Asked Questions

Use &origof; (named), &#x22B6; (hex), &#8886; (decimal), or the CSS escape \22B6 in the content property. All render the Original Of symbol (⊶).
U+22B6 (ORIGINAL OF). Hex 22B6, decimal 8886. It belongs to the Mathematical Operators block.
Yes. &origof; is the named HTML5 entity for ⊶ and is supported in all modern browsers.
Use it in set theory and function notation where ⊶ means the original (preimage) of a set under a mapping. Prefer &origof; for readable source, or numeric forms when generating markup.
HTML entities (&origof;, &#8886;, or &#x22B6;) go in markup. The CSS escape \22B6 is used in stylesheets (usually in the content property of ::before/::after). Both render ⊶.
No. ⊶ is U+22B6 (preimage / original-of). ⊷ is U+22B7 (image of, &imof;). © is U+00A9 (&copy;) — a legal mark, not math.

Did you know?

Original Of is Unicode U+22B6 (decimal 8886) — glyph ⊶. HTML5 provides the named entity &origof; — prefer it for readable math markup, or use &#x22B6; / &#8886;. Distinct from Image Of ⊷ (&imof;, U+22B7) and copyright © (&copy;).

Next: Orthodox Cross

Learn the HTML entity for orthodox cross (U+2626).

Orthodox Cross 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