HTML Entity for Image Of (⊷)
What You'll Learn
How to display the Image Of symbol (⊷) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. The symbol denotes the image of a set under a function—the set of all outputs from a given set of inputs.
This character is U+22B7 (IMAGE OF) in the Mathematical Operators block (U+2200–U+22FF). Render it with ⊷, ⊷, ⊷, or CSS \22B7.
⚡ Quick Reference — Image Of
U+22B7Mathematical Operators block
⊷Hexadecimal reference
⊷Decimal reference
⊷Most readable option
Name Value
──────────── ──────────
Unicode U+22B7
Hex code ⊷
HTML code ⊷
Named entity ⊷
CSS code \22B7
Meaning Image of a set under a function
CSS note \22B7 or \022B7 in content propertyComplete HTML Example
This example demonstrates the Image Of symbol (⊷) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\22B7";
}
</style>
</head>
<body>
<p>Image Of using Hexadecimal: ⊷</p>
<p>Image Of using Decimal: ⊷</p>
<p>Image Of using Named Entity: ⊷</p>
<p id="point">Image Of using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Image Of entity is universally supported in all modern browsers:
👀 Live Preview
See the Image Of symbol rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⊷ uses the Unicode hexadecimal value 22B7 to display the Image Of symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⊷ uses the decimal Unicode value 8887 to display the same character. This is one of the most commonly used methods.
CSS Entity
\22B7 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Named Entity
⊷ is the named entity for ⊷—easy to remember and clear in source HTML.
Same visual result
All four methods produce the glyph: ⊷. Unicode U+22B7 is in Mathematical Operators. Next: Image Of Or Approximately Equal To.
Use Cases
The Image Of symbol (⊷) commonly appears in the following scenarios:
Image of a set under a function (all f(x) for x in a given set).
Equations and definitions involving function images in algebra and analysis.
Abstract algebra and category theory where image-of concepts appear.
APIs, specifications, or formal methods using image/range notation.
Papers in mathematics, computer science, or logic with correct symbols.
Set theory, discrete math, and related course materials.
💡 Best Practices
Do
- Prefer
⊷for readable source markup - Keep one method (named, hex, or decimal) consistent per document
- Use semantic HTML and
aria-labelfor standalone math symbols when needed - Provide context (e.g. “image of A under f”) in mixed content
- Test rendering across browsers and fonts
Don’t
- Put CSS escape
\22B7in HTML text nodes - Confuse ⊷ (image of) with ≡ (identical to) or other relation symbols
- Mix entity styles randomly in one file
- Assume every font renders U+22B7 clearly
- Skip UTF-8 (
<meta charset="utf-8">) on math-heavy pages
Key Takeaways
Four methods all render ⊷
⊷ ⊷ ⊷For CSS stylesheets, use the escape in the content property
\22B7Unicode U+22B7 belongs to the Mathematical Operators block (U+2200–U+22FF)
Prefer ⊷ for readability in HTML source
❓ Frequently Asked Questions
⊷ (hex), ⊷ (decimal), ⊷ (named), or \22B7 in CSS content. All produce ⊷.U+22B7 (IMAGE OF). Mathematical Operators block (U+2200–U+22FF). Hex 22B7, decimal 8887. Named entity: ⊷. Used for the image of a set under a function.⊷, ⊷, or ⊷) go in markup. The CSS escape \22B7 belongs in stylesheets, typically in the content property of pseudo-elements. Both render ⊷.⊷ is the named HTML entity for ⊷ (image of). It is part of the HTML5 entity set and is well supported in modern browsers.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful