HTML Entity for Squared Dot Operator (⊡)
What You'll Learn
How to display the Squared Dot Operator (⊡) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+22A1 (SQUARED DOT OPERATOR) in the Mathematical Operators block (U+2200–U+22FF)—a boxed dot used in mathematical notation.
Render it with ⊡, ⊡, ⊡, or CSS \22A1. For complex formulas, consider MathML or LaTeX renderers; for inline operator symbols, HTML entities work well.
⚡ Quick Reference — Squared Dot Operator
U+22A1Mathematical Operators
⊡Hexadecimal reference
⊡Decimal reference
⊡Most readable option
Name Value
──────────── ──────────
Unicode U+22A1
Hex code ⊡
HTML code ⊡
Named entity ⊡
CSS code \22A1
Meaning Squared dot operator
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: "\22A1";
}
</style>
</head>
<body>
<p>Squared dot (named): ⊡</p>
<p>Squared dot (hex): ⊡</p>
<p>Squared dot (decimal): ⊡</p>
<p id="point">Squared dot (CSS): </p>
</body>
</html>🌐 Browser Support
Squared Dot Operator (⊡) is supported in all modern browsers when fonts include Mathematical Operators glyphs:
👀 Live Preview
See the squared dot operator in mathematical contexts:
🧠 How It Works
Named HTML Entity
⊡ is the semantic named entity for the squared dot operator—the most readable option in source HTML.
Hexadecimal Code
⊡ uses Unicode hexadecimal 22A1 to display ⊡ in HTML markup.
Decimal HTML Code
⊡ uses decimal Unicode value 8865 for the same character.
CSS Entity
\22A1 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⊡. Unicode U+22A1 in Mathematical Operators (U+2200–U+22FF).
Use Cases
Squared Dot Operator (⊡) commonly appears in:
Equations and formulas using boxed dot 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+022A1—the correct value is
U+22A1 - Use CSS
\022A1with a leading zero—prefer\22A1 - Confuse ⊡ with middle dot · (
·) or bullet • - Expect HTML entities alone to handle full equation layout
- Put CSS escape
\22A1in HTML text nodes
Key Takeaways
Four HTML/CSS references all render ⊡
⊡ ⊡ ⊡For CSS stylesheets, use \22A1 in the content property
Unicode U+22A1 — SQUARED DOT OPERATOR (⊡)
⊡ is the standard named entity for this operator
Previous: Square Yuan Next: Squared Minus
❓ Frequently Asked Questions
⊡ (named), ⊡ (hex), ⊡ (decimal), or \22A1 in CSS content. All four render ⊡.U+22A1 (SQUARED DOT OPERATOR). Mathematical Operators (U+2200–U+22FF). Hex 22A1, decimal 8865, 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 \22A1 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