HTML Entity for Original Of (⊶)
What You'll Learn
How to display the Original Of symbol (⊶) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. The symbol denotes the original (preimage) of a set under a function—the set of all inputs that map into a given set of outputs.
This character is U+22B6 (ORIGINAL OF) in the Mathematical Operators block (U+2200–U+22FF). Render it with ⊶, ⊶, ⊶, or CSS \22B6. Do not confuse ⊶ with Image Of ⊷ (⊷, U+22B7) or with copyright © (©).
⚡ Quick Reference — Original Of
U+22B6Mathematical Operators
⊶Hexadecimal reference
⊶Decimal reference
⊶Most readable option
Name Value
──────────── ──────────
Unicode U+22B6
Hex code ⊶
HTML code ⊶
Named entity ⊶
CSS code \22B6
Meaning Original of (preimage notation)
Related U+22B7 = image of (⊷, ⊷)
U+2208 = element of (∈, ∈)
U+00A9 = copyright (©, ©) — different
Block Mathematical Operators (U+2200–U+22FF)Complete HTML Example
A simple example showing ⊶ using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\22B6";
}
</style>
</head>
<body>
<p>Original of (hex): ⊶</p>
<p>Original of (decimal): ⊶</p>
<p>Original of (named): ⊶</p>
<p id="point">Original of (CSS): </p>
</body>
</html>🌐 Browser Support
The Original Of entity is widely supported in all modern browsers:
👀 Live Preview
See the Original Of symbol (⊶) in mathematical notation contexts:
⊶ renders as ⊶🧠 How It Works
Hexadecimal Code
⊶ uses the Unicode hexadecimal value 22B6 to display the original of symbol.
Decimal HTML Code
⊶ uses the decimal Unicode value 8886 for the same character.
Named Entity
⊶ is the readable named HTML entity for U+22B6—preferred in math-heavy markup when supported.
CSS Entity
\22B6 is used in CSS stylesheets in the content property of pseudo-elements for generated math labels.
Mathematical notation result
All four methods render ⊶. Unicode U+22B6 in Mathematical Operators. Next: Orthodox Cross (☦).
Use Cases
The Original Of symbol (⊶) is commonly used in:
Preimage notation: the original of a set under a function or mapping.
Morphisms and functor notation alongside image-of ⊷.
Textbooks, lecture notes, and research articles in HTML or PDF-to-web formats.
Online calculators, proof assistants, and notation-heavy documentation sites.
Character pickers and HTML entity documentation for math symbols.
API docs and specs that embed formal mathematical definitions inline.
Prefer MathML or alt text for complex formulas; use ⊶ with surrounding context.
💡 Best Practices
Do
- Prefer
⊶for readable math markup when supported - Use
⊶or⊶as numeric fallbacks - Pair with Image Of (⊷) when both preimage and image notation are needed
- Set
<meta charset="utf-8">for reliable rendering - Consider MathML for complex multi-line equations
Don’t
- Use ⊶ for copyright or trademark—use
©or®instead - Confuse original of ⊶ with image of ⊷
- Use padded Unicode notation like U+022B6—the correct value is
U+22B6 - Use CSS escape
\22B6in HTML text nodes - Rely on symbol fonts alone without UTF-8 or entity encoding
Key Takeaways
Four ways to render U+22B6: hex, decimal, named, and CSS
⊶ ⊶Named entity ⊶ is the most readable HTML option
Unicode U+22B6 — ORIGINAL OF (preimage notation)
Mathematical symbol, not copyright or legal markup
Previous: Opposition (☍) Next: Orthodox Cross (☦)
❓ Frequently Asked Questions
⊶ (hex), ⊶ (decimal), ⊶ (named entity), or \22B6 in CSS content. All four render ⊶.U+22B6 (ORIGINAL OF). Mathematical Operators block (U+2200–U+22FF). Hex 22B6, decimal 8886, named entity ⊶.©) and registered trademark is ® (®).⊶ is the named HTML entity for ⊶ (U+22B6) and is well supported in modern browsers alongside numeric references.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful