HTML Entity for Square Cup (⊔)
What You'll Learn
How to display the Square Cup (⊔) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2294 (SQUARE CUP) in the Mathematical Operators block (U+2200–U+22FF)—a set-theoretic and lattice operator (join).
Render it with ⊔, ⊔, ⊔, or CSS \2294. Distinct from the combining mark Combining Square Below (U+033B) and paired with square cap U+2293 (⊓, ⊓).
⚡ Quick Reference — Square Cup
U+2294Mathematical Operators
⊔Hexadecimal reference
⊔Decimal reference
⊔Most readable option
Name Value
──────────── ──────────
Unicode U+2294
Hex code ⊔
HTML code ⊔
Named entity ⊔
CSS code \2294
Meaning Square cup (join)
Paired with U+2293 = square cap (⊓, ⊓)
Not the same U+033B = combining square below
Block Mathematical Operators (U+2200–U+22FF)Complete HTML Example
A simple example showing ⊔ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2294";
}
</style>
</head>
<body>
<p>Square cup (named): ⊔</p>
<p>Square cup (hex): ⊔</p>
<p>Square cup (decimal): ⊔</p>
<p id="point">Square cup (CSS): </p>
</body>
</html>🌐 Browser Support
The Square Cup (⊔) is supported in all modern browsers when fonts include Mathematical Operators glyphs:
👀 Live Preview
See the square cup symbol in mathematical contexts:
🧠 How It Works
Named HTML Entity
⊔ is the semantic named entity for the square cup operator—the most readable option in source HTML.
Hexadecimal Code
⊔ uses Unicode hexadecimal 2294 to display ⊔ in HTML markup.
Decimal HTML Code
⊔ uses decimal Unicode value 8852 for the same character.
CSS Entity
\2294 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⊔. Unicode U+2294 in Mathematical Operators (U+2200–U+22FF).
Use Cases
The Square Cup (⊔) commonly appears in:
Join operations and union-like notation in lattices.
Equations and formulas using the square cup operator.
Research on order theory, logic, and abstract algebra.
Tutorials on lattice join and mathematical operators.
Scientific and engineering references with precise notation.
Web-based math tools displaying operator symbols.
💡 Best Practices
Do
- Use
⊔for readable source markup - Distinguish ⊔ (cup) from ⊓ (cap,
⊓) - Add context text when the symbol stands alone in educational content
- Pick one entity style (named, hex, or decimal) per project
- Test rendering with math-friendly fonts
Don’t
- Confuse U+2294 (⊔, math operator) with U+033B (combining mark)
- Use padded Unicode notation like U+02294—the correct value is
U+2294 - Put CSS escape
\2294in HTML text nodes - Confuse
⊔with⊓ - Mix entity styles randomly in one file
Key Takeaways
Four HTML/CSS references all render ⊔
⊔ ⊔ ⊔For CSS stylesheets, use \2294 in the content property
Unicode U+2294 — SQUARE CUP (⊔)
⊔ is cup; ⊓ is cap (U+2293)
Previous: Square Cap Next: Square Image Of
❓ Frequently Asked Questions
⊔ (named), ⊔ (hex), ⊔ (decimal), or \2294 in CSS content. All four render ⊔.U+2294 (SQUARE CUP). Mathematical Operators (U+2200–U+22FF). Hex 2294, decimal 8852, named ⊔.⊔ renders ⊔ (U+2294, square cup / join). ⊓ renders ⊓ (U+2293, square cap / meet). They are paired operators in lattice and set notation.⊔, ⊔, or ⊔) go in markup. The CSS escape \2294 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, and more.
About the author
8 people found this page helpful