HTML Entity for Square Image Of (⊏)
What You'll Learn
How to display the Square Image Of (⊏) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+228F (SQUARE IMAGE OF) in the Mathematical Operators block (U+2200–U+22FF)—a set-theoretic operator indicating a square image (subset-like) relationship.
Render it with ⊏, ⊏, ⊏, or CSS \228F. Paired with square original of U+2290 (⊐, ⊐) and distinct from ordinary subset U+2282 (⊂, ⊂).
⚡ Quick Reference — Square Image Of
U+228FMathematical Operators
⊏Hexadecimal reference
⊏Decimal reference
⊏Most readable option
Name Value
──────────── ──────────
Unicode U+228F
Hex code ⊏
HTML code ⊏
Named entity ⊏
CSS code \228F
Meaning Square image of (subset-like)
Paired with U+2290 = square original of (⊐, ⊐)
Not the same U+2282 = subset (⊂)
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: "\228F";
}
</style>
</head>
<body>
<p>Square image of (named): ⊏</p>
<p>Square image of (hex): ⊏</p>
<p>Square image of (decimal): ⊏</p>
<p id="point">Square image of (CSS): </p>
</body>
</html>🌐 Browser Support
The Square Image Of (⊏) is supported in all modern browsers when fonts include Mathematical Operators glyphs:
👀 Live Preview
See the square image of symbol in mathematical contexts:
🧠 How It Works
Named HTML Entity
⊏ is the semantic named entity for the square image of operator—the most readable option in source HTML.
Hexadecimal Code
⊏ uses Unicode hexadecimal 228F to display ⊏ in HTML markup.
Decimal HTML Code
⊏ uses decimal Unicode value 8847 for the same character.
CSS Entity
\228F is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⊏. Unicode U+228F in Mathematical Operators (U+2200–U+22FF).
Use Cases
The Square Image Of (⊏) commonly appears in:
Square image and subset-like relationships between sets.
Equations and formulas using the square image of operator.
Research on order theory, logic, and abstract algebra.
Tutorials on set relations 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 ⊏ (square image) from ⊂ (subset,
⊂) - 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
⊏(⊏) with⊐(⊐, square original of) - Use padded Unicode notation like U+0228F—the correct value is
U+228F - Put CSS escape
\228Fin HTML text nodes - Assume ⊏ and ⊂ are interchangeable in formal notation
- Mix entity styles randomly in one file
Key Takeaways
Four HTML/CSS references all render ⊏
⊏ ⊏ ⊏For CSS stylesheets, use \228F in the content property
Unicode U+228F — SQUARE IMAGE OF (⊏)
⊏ is image; ⊐ is original (U+2290)
Previous: Square Cup Next: Square Image Of Not Equal To
❓ Frequently Asked Questions
⊏ (named), ⊏ (hex), ⊏ (decimal), or \228F in CSS content. All four render ⊏.U+228F (SQUARE IMAGE OF). Mathematical Operators (U+2200–U+22FF). Hex 228F, decimal 8847, named ⊏.⊏ renders ⊏ (U+228F, square image of). ⊐ renders ⊐ (U+2290, square original of). They are paired operators in set notation.⊏, ⊏, or ⊏) go in markup. The CSS escape \228F 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