HTML Entity for Square Cup (⊔)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2294

HTML Entity for square cup (U+2294) tutorial illustration

Definition

What Is Square Cup?

Square cup (⊔) is the Unicode character at U+2294 in Mathematical Operators. Official name: SQUARE CUP. It is often used as a lattice join or square-style “cup” operator in math notation.

Remember

Character     ⊔
Unicode       U+2294
Named entity  &sqcup;
Hex entity    &#x2294;
Decimal       &#8852;
CSS escape    \2294
Not the same  ∪ · ⊓ · ⊏

Prefer &sqcup; in HTML markup. You can also type ⊔ in UTF-8, or use numeric forms when needed. For ordinary set union, use ∪ (∪) instead.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&sqcup;`	HTML markup (preferred)
Direct character	`⊔`	HTML text (UTF-8)
Hex entity	`⊔`	HTML markup
Decimal entity	`⊔`	HTML markup
CSS escape	`\2294`	Stylesheet `content`
Union (related)	∪ (U+222A)	Named `∪`

When to Use Which

Situation	Use
Square cup / lattice join	`&sqcup;` or type `⊔`
Ordinary set union	∪ (`∪`)
Square cap / lattice meet	⊓ (`&sqcap;`)
Square image of (subset-like)	⊏ (`&sqsub;`)
Generated text via `::before` / `::after`	`content: "\2294"`

See it

Live Preview

Square cup rendered alone and in short math notation.

Large glyph ⊔

Notation A ⊔ B

Compared ⊔ (sqcup) | ∪ (cup) | ⊓ (sqcap)

Hint Compare: Cap ⊓ vs Cup ⊔

With entities Named: ⊔ | Hex: ⊔ | Decimal: ⊔

Code

Complete HTML Example

One page that shows the square cup with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to produce ⊔, plus a short notation example.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Square Cup (⊔) in HTML</title>
  <style>
    #point::after {
      content: "\2294";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &sqcup;</p>
  <p>Using Hex Code: &#x2294;</p>
  <p>Using HTML Code: &#8852;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⊔</p>
  <p>Notation: A &sqcup; B</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &sqcup; is the HTML5 name for U+2294 → ⊔. Best default in markup.

2. Hex: U+2294 → ⊔ in HTML. Same glyph as the named form.

3. Decimal: same code point as 8852 → ⊔. Same result as hex and named.

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

5. Typed / notation: paste ⊔ in UTF-8, or write A &sqcup; B for a short join expression.

Pitfalls & Tips

Common mistakes when working with &sqcup;.

vs ∪

Not ordinary union

U+222A (∪, ∪) is the common set union. U+2294 is the square-style cup / join.

vs ⊓

Not square cap

⊓ (U+2293, &sqcap;) is the dual meet operator. Do not swap it with &sqcup;.

Name

Remember &sqcup;

The named entity is &sqcup; — not ∪ (that is U+222A).

CSS vs HTML

Do not mix escapes

\2294 belongs in CSS strings. &sqcup; / ⊔ / ⊔ belong in HTML.

Semicolon

End named entities

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

A11y

Name the operator in context

Screen readers may announce “square cup” unevenly. Prefer nearby words like “join” when the glyph carries meaning alone.

Compatibility

Browser Support

Square cup (U+2294) and its entity forms (&sqcup;, ⊔, ⊔, CSS \\2294) are supported in all mainstream browsers. Visible glyphs depend on Mathematical Operators font coverage.

✓ Universal support

Square Cup (⊔)

Encode with named, hex, decimal, CSS escape, or type the character — same code point 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+2294 / entities Full support

Bottom line: Prefer &sqcup; in HTML. Use ⊔ / ⊔ when numeric form is required, and \\2294 only inside CSS content.

Remember

Key Takeaways

Unicode: square cup is U+2294 (decimal 8852) — glyph ⊔.
HTML: prefer &sqcup; — also ⊔ / ⊔ / type ⊔.
CSS: use \2294 inside content for generated text.
Meaning: ⊔ is square cup — not ∪ (∪), not ⊓.

One line: U+2294 → &sqcup; / ⊔ / ⊔ / CSS \2294.

Frequently Asked Questions

How do I display ⊔ in HTML?

Use &sqcup; (named), ⊔ (hex), ⊔ (decimal), type ⊔ directly in UTF-8, or the CSS escape \2294 in content. Prefer &sqcup; in normal HTML.

What is the Unicode value for square cup?

U+2294 (SQUARE CUP). Hex 2294, decimal 8852. It belongs to Mathematical Operators (U+2200–U+22FF).

Is there a named HTML entity for U+2294?

Yes. Use &sqcup;. Numeric forms ⊔ and ⊔ also work.

Is ⊔ the same as ∪ or ⊓?

No. ⊔ is U+2294 (&sqcup;). ∪ is U+222A (∪). ⊓ is U+2293 (&sqcap;, square cap).

When should I use &sqcup;?

Use it for square-cup / lattice-join notation in set theory, order theory, and academic math — not as a substitute for ordinary union ∪.

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

HTML entities (&sqcup;, ⊔, or ⊔) go in markup. The CSS escape \2294 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Square cup is Unicode U+2294 (decimal 8852) — glyph ⊔ in Mathematical Operators (U+2200–U+22FF). HTML5 names it &sqcup;. Official name: SQUARE CUP. Often used as a lattice join (⊔). Do not confuse with union U+222A (∪, ∪) or square cap U+2293 (&sqcap;, ⊓).

Next: Square Image Of

Learn the HTML entity for square image of (U+228F).

Square image of 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 | Square Cap HTML Entity | Square Image Of