HTML Entity for N-Ary Coproduct (∐)
What You'll Learn
How to display the N-Ary Coproduct symbol (∐) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2210 (N-ARY COPRODUCT) in the Mathematical Operators block (U+2200–U+22FF)—the operator for coproducts (disjoint unions) over indexed families in category theory and abstract algebra.
Render it with the named entity ∐, ∐, ∐, or CSS escape \2210. Pair with related n-ary operators such as N-Ary Intersection (⋂, ⋂) and distinguish it from ∏ (∏, n-ary product).
⚡ Quick Reference — N-Ary Coproduct
U+2210Mathematical Operators
∐Hexadecimal reference
∐Decimal reference
∐Most readable in math markup
Name Value
──────────── ──────────
Unicode U+2210
Hex code ∐
HTML code ∐
Named entity ∐
CSS code \2210
Meaning N-ary coproduct (disjoint union)
Related U+220F = product (∏, ∏)
U+22C2 = intersection (⋂, ⋂)Complete HTML Example
This example demonstrates the N-Ary Coproduct (∐) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2210";
}
</style>
</head>
<body>
<p>N-Ary Coproduct using Hexadecimal: ∐</p>
<p>N-Ary Coproduct using HTML Code: ∐</p>
<p>N-Ary Coproduct using Named Entity: ∐</p>
<p id="point">N-Ary Coproduct using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2210 is widely supported wherever Unicode Mathematical Operators render correctly:
👀 Live Preview
See the N-Ary Coproduct (∐) in mathematical notation contexts:
🧠 How It Works
Named Entity
∐ is the HTML named entity for N-Ary Coproduct—often preferred in readable mathematical markup.
Hexadecimal Code
∐ uses the Unicode hexadecimal value 2210. The x prefix indicates hexadecimal format.
Decimal HTML Code
∐ uses the decimal Unicode value 8720 to display the same character.
CSS Entity
\2210 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce: ∐. Unicode U+2210 in Mathematical Operators. Related: n-ary product ∏ (∏).
Use Cases
The N-Ary Coproduct symbol (∐) is commonly used in:
Coproducts and disjoint unions of objects in diagrams and proofs.
Free constructions and direct sums over indexed families.
Graduate texts, papers, and lecture notes on algebraic structures.
Specification docs describing coproduct types and sum types.
Online courses on category theory, type theory, and advanced math.
Unicode charts and HTML entity documentation.
💡 Best Practices
Do
- Use
∐for readable coproduct markup - Pair with ∏ and ⋂ when documenting n-ary operator families
- Use fonts that cover Mathematical Operators (Cambria Math, etc.)
- Add
aria-label(e.g. “n-ary coproduct”) for accessibility - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
∐(∐) with∏(∏) - Assume HTML entities perform mathematical computation
- Put CSS escape
\2210in HTML text nodes - Mix entity styles randomly in one file
- Rely on the symbol alone without accessible description
Key Takeaways
Three HTML references plus CSS all render ∐
∐ ∐ ∐For CSS stylesheets, use the escape in the content property
\2210Unicode U+2210 — N-ARY COPRODUCT
∐ is the standard named entity
Related: N-Ary Intersection (⋂) and n-ary product (∏, ∏)
❓ Frequently Asked Questions
∐ (named), ∐ (hex), ∐ (decimal), or \2210 in CSS content. All produce ∐.U+2210 (N-ARY COPRODUCT). Mathematical Operators block (U+2200–U+22FF). Hex 2210, decimal 8720. Named entity: ∐.U+2210, ∐) is the n-ary coproduct operator. ∏ (U+220F, ∏) is the n-ary product. They look similar but represent different mathematical operations.∐, ∐, or ∐) go directly in markup. The CSS escape \2210 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, relations, and more.
About the author
8 people found this page helpful