HTML Entity for N-Ary Coproduct (∐)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2210

HTML Entity for N-Ary Coproduct (U+2210) tutorial illustration

Definition

What Is the N-Ary Coproduct Entity?

N-Ary Coproduct (∐) is the math operator at Unicode U+2210 for an indexed coproduct (often a disjoint union of objects or sets). HTML5 provides &coprod;. Example: ∐_i X_i.

Remember

Character     ∐
Unicode       U+2210
Named entity  &coprod;
Hex entity    &#x2210;
Decimal       &#8720;
CSS escape    \2210

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ∐.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&coprod;`	HTML markup (preferred)
Direct character	`∐`	UTF-8 HTML text
Hex entity	`∐`	HTML markup
Decimal entity	`∐`	HTML markup
CSS escape	`\2210`	Stylesheet `content`

When to Use Which

Situation	Use
Indexed coproduct / disjoint union	`&coprod;`
Need an entity in HTML source	`&coprod;`, `∐`, or `∐`
Generated text via `::before` / `::after`	`content: "\2210"`
N-ary product (∏)	See N-Ary Product — `∏`
N-ary intersection (⋂)	See N-Ary Intersection — `&bigcap;`

See it

Live Preview

Coproduct alone, indexed, and beside related n-ary operators.

Example ∐_i∈I X_i

Large glyph ∐

Named entity &coprod; → ∐

vs ∏ / ∑ / ⋂ ∐ | ∏ | ∑ | ⋂

With entities Named: ∐ | Hex: ∐ | Decimal: ∐

Code

Complete HTML Example

One page that shows the N-Ary Coproduct with named, hex, decimal, and CSS forms. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ∐ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>N-Ary Coproduct (∐)</title>
  <style>
    #point::after {
      content: "\2210";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &coprod;</p>
  <p>Using Hex Code: &#x2210;</p>
  <p>Using HTML Code: &#8720;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Formula: &coprod;<sub>i</sub> X<sub>i</sub></p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &coprod; is the clearest HTML form and renders ∐.

2. Hex: U+2210 → ∐ in HTML. Same result as the named entity.

3. Decimal: same code point as 8720 → ∐. Same result as hex and named.

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

Pitfalls & Tips

Common mistakes when working with the N-Ary Coproduct.

Prefer

Use `&coprod;`

The named form is clearer than numeric references and is defined in HTML5.

vs ∏

Not the product

∏ is ∏ (U+220F). Coproduct is &coprod; (∐). Do not swap them.

Meaning

Coproduct ≠ product

In category theory, coproduct is dual to product. Use the correct glyph for the operation you mean.

CSS vs HTML

Do not mix escapes

\2210 belongs in CSS. &coprod; / ∐ / ∐ belong in HTML.

Encoding

Declare UTF-8

If you type ∐ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Compatibility

Browser Support

N-Ary Coproduct (U+2210) and its entity forms (&coprod;, ∐, ∐, CSS \\2210) are supported in all mainstream browsers with a Unicode-capable font.

✓ Universal support

N-Ary Coproduct (&coprod;)

Encode with named, hex, decimal, or CSS escape — or type ∐ directly in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer IE 9+

Yes*

U+2210 / &coprod; Full support

Bottom line: Prefer &coprod; in math HTML. Use \\2210 only inside CSS content.

Remember

Key Takeaways

Unicode: N-Ary Coproduct is U+2210 (decimal 8720).
HTML: prefer &coprod;.
CSS: use \2210 inside content for generated text.
Lookalike: not ∏ (∏) — pair with other n-ary operators carefully.

One line: U+2210 → prefer &coprod; (also ∐ / CSS \2210).

Frequently Asked Questions

How do I display the N-Ary Coproduct in HTML using entities?

Use &coprod; (named), ∐ (hex), ∐ (decimal), or the CSS escape \2210 in the content property. All render ∐. Prefer &coprod; in math HTML.

What is the Unicode value for the N-Ary Coproduct?

U+2210 (N-ARY COPRODUCT). Hex 2210, decimal 8720. It belongs to the Mathematical Operators block.

Is there a named HTML entity for U+2210?

Yes. HTML5 defines &coprod; for ∐.

When should I use this HTML entity?

Use it in category theory, abstract algebra, and formal math pages when writing an n-ary (indexed) coproduct — for example ∐ᵢ Xᵢ.

What is the difference between HTML code and CSS entity for U+2210?

HTML entities (&coprod;, ∐, or ∐) go in markup. The CSS escape \2210 is used in stylesheets (usually in the content property of ::before/::after). Both render ∐.

Is ∐ the same as ∏ or ∑?

No. Coproduct is &coprod; (∐, U+2210). Product is ∏ (∏, U+220F). Summation is ∑ (∑, U+2211). Different operators.

Did you know?

N-Ary Coproduct is Unicode U+2210 (decimal 8720) — in Mathematical Operators. HTML5 provides &coprod;. It denotes a coproduct (often a disjoint union) over an indexed family. Related: Product ∏ (∏), Summation ∑ (∑), Intersection &bigcap; (⋂).

Next: N-Ary Intersection

Continue with the N-Ary Intersection (⋂) entity tutorial.

N-Ary Intersection tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Music Sharp Sign HTML Entity | N-Ary Intersection