HTML Entity for Squared Plus (⊞)
What You'll Learn
How to display the Squared Plus (⊞) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+229E (SQUARED PLUS) in the Mathematical Operators block (U+2200–U+22FF)—a boxed plus sign used in mathematical notation.
Render it with ⊞, ⊞, ⊞, or CSS \229E. For complex formulas, consider MathML or LaTeX renderers; for inline operator symbols, HTML entities work well.
⚡ Quick Reference — Squared Plus
U+229EMathematical Operators
⊞Hexadecimal reference
⊞Decimal reference
⊞Most readable option
Name Value
──────────── ──────────
Unicode U+229E
Hex code ⊞
HTML code ⊞
Named entity ⊞
CSS code \229E
Meaning Squared plus
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: "\229E";
}
</style>
</head>
<body>
<p>Squared plus (named): ⊞</p>
<p>Squared plus (hex): ⊞</p>
<p>Squared plus (decimal): ⊞</p>
<p id="point">Squared plus (CSS): </p>
</body>
</html>🌐 Browser Support
Squared Plus (⊞) is supported in all modern browsers when fonts include Mathematical Operators glyphs:
👀 Live Preview
See the squared plus operator in mathematical contexts:
🧠 How It Works
Named HTML Entity
⊞ is the semantic named entity for the squared plus operator—the most readable option in source HTML.
Hexadecimal Code
⊞ uses Unicode hexadecimal 229E to display ⊞ in HTML markup.
Decimal HTML Code
⊞ uses decimal Unicode value 8862 for the same character.
CSS Entity
\229E is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⊞. Unicode U+229E in Mathematical Operators (U+2200–U+22FF).
Use Cases
Squared Plus (⊞) commonly appears in:
Equations and formulas using boxed plus operators.
API references and developer guides with math operator notation.
Research documents and scholarly publications on mathematical concepts.
Tutorials and instructional materials about mathematical operators.
Technical reports requiring precise mathematical notation.
Web-based math tools and interactive learning applications.
💡 Best Practices
Do
- Use
⊞for readable source markup - Provide context when using ⊞ in mathematical expressions
- Use MathML or dedicated math renderers for complex nested formulas
- Pick one entity style (named, hex, or decimal) per project
- Test rendering with math-friendly fonts
Don’t
- Use padded Unicode notation like U+0229E—the correct value is
U+229E - Use CSS
\0229Ewith a leading zero—prefer\229E - Confuse ⊞ with regular plus + (
+, U+002B) - Expect HTML entities alone to handle full equation layout
- Put CSS escape
\229Ein HTML text nodes
Key Takeaways
Four HTML/CSS references all render ⊞
⊞ ⊞ ⊞For CSS stylesheets, use \229E in the content property
Unicode U+229E — SQUARED PLUS (⊞)
⊞ is the standard named entity for this operator
Previous: Squared Minus Next: Squared Times
❓ Frequently Asked Questions
⊞ (named), ⊞ (hex), ⊞ (decimal), or \229E in CSS content. All four render ⊞.U+229E (SQUARED PLUS). Mathematical Operators (U+2200–U+22FF). Hex 229E, decimal 8862, named ⊞.⊞ is more readable and easier to remember. Numeric codes (⊞ or ⊞) are explicit and work in all contexts. Both produce ⊞; prefer the named entity for readability.⊞, ⊞, or ⊞) go in markup. The CSS escape \229E 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