Image Of (⊷) is the Mathematical Operators character at Unicode U+22B7 (IMAGE OF). In math and set theory it often marks the image of a set under a function — the set of all outputs for a given set of inputs.
Remember
Character ⊷
Unicode U+22B7
Hex entity ⊷
Decimal ⊷
Named entity ⊷
CSS escape \22B7
All of these produce the same glyph: ⊷. Prefer ⊷ in HTML source for clarity; use hex/decimal when generating entities, and CSS \22B7 only in content.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Named entity
⊷
HTML markup (best default)
Hex entity
⊷
HTML markup
Decimal entity
⊷
HTML markup
CSS escape
\22B7
Stylesheet content
Direct character
⊷
UTF-8 HTML text
When to Use Which
Situation
Use
Readable math / set-theory HTML source
⊷
Need a numeric entity in HTML
⊷ or ⊷
Generated text via ::before / ::after
content: "\22B7"
UTF-8 page, typing is easy
Type ⊷ directly
Related “original of” symbol (⊶)
⊶ / U+22B6 — different character
See it
Live Preview
Image Of rendered in common UI contexts.
Inline mathf(A) ⊷ B
Large glyph⊷
Set notationim(f) ⊷ Y
Named entity⊷ → ⊷
With entitiesHex: ⊷ | Decimal: ⊷ | Named: ⊷
Code
Complete HTML Example
One page that shows Image Of with the hex entity, decimal entity, named entity, and CSS escape. Use View Output or open the live editor.
Hex + Decimal + Named + CSS
All four ways to produce ⊷ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Image Of (⊷) in HTML</title>
<style>
#point::after {
content: "\22B7";
}
</style>
</head>
<body>
<p>Image Of using Hex Code: ⊷</p>
<p>Image Of using HTML Code: ⊷</p>
<p>Image Of using Named Entity: ⊷</p>
<p id="point">Image Of using CSS Entity: </p>
</body>
</html>
Image Of using Hex Code: ⊷
Image Of using HTML Code: ⊷
Image Of using Named Entity: ⊷
Image Of using CSS Entity: ⊷
How It Works
1. Hex:U+22B7 → ⊷ in HTML. The browser turns it into ⊷.
2. Decimal: same code point as 8887 → ⊷. Same result as hex.
3. Named:⊷ is the HTML5 name for this character — easiest to read in source.
4. CSS: use \22B7 in content (not an HTML entity). #point::after appends that ⊷ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with the Image Of symbol.
Named
Prefer ⊷
Named form is clearer than numeric codes in hand-written HTML.
CSS vs HTML
Do not mix escapes
\22B7 belongs in CSS. ⊷ / ⊷ / ⊷ belong in HTML.
Not <img>
Math symbol, not images
⊷ is Unicode math notation. Use <img> only when embedding pictures.
Related
Original Of is different
⊶ is U+22B6 (⊶) — not the same as Image Of.
Semicolon
End references
Always finish with ; — write ⊷, not &imof.
Fonts
Math Operators support
Use fonts that include U+22B7 (e.g. Segoe UI Symbol, Noto Sans Math, Cambria Math) so the glyph is not missing.
Compatibility
Browser Support
Image Of (U+22B7) and its entity forms (⊷, ⊷, ⊷, CSS \\22B7) are supported in all mainstream browsers when the font includes Mathematical Operators.
✓ Universal support
Image Of (⊷)
Use ⊷, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+22B7 / entitiesFull support
Bottom line: Prefer ⊷ in HTML for readability. Use ⊷ or ⊷ when encoding must be numeric, and \\22B7 only inside CSS content.
Remember
Key Takeaways
Unicode: Image Of is U+22B7 (decimal 8887).
HTML: prefer ⊷, or use ⊷ / ⊷.
CSS: use \22B7 inside content for generated text.
Use case: set theory and function image notation — not the HTML <img> tag.
Use ⊷ (named), ⊷ (hex), ⊷ (decimal), or the CSS escape \22B7 in the content property. All render the Image Of symbol (⊷).
U+22B7 (IMAGE OF). Hex 22B7, decimal 8887. It belongs to the Mathematical Operators block.
Yes. ⊷ is the named HTML5 entity for ⊷ and is supported in all modern browsers.
Use it in set theory, function notation, category theory, and technical docs where ⊷ means the image of a set under a mapping. Prefer ⊷ for readable source, or numeric forms when generating markup.
HTML entities (⊷, ⊷, or ⊷) go in markup. The CSS escape \22B7 is used in stylesheets (usually in the content property of ::before/::after). Both render ⊷.
No. ⊷ is a math symbol (U+22B7). The HTML <img> element embeds pictures — they are unrelated.
🤔
Did you know?
Image Of is Unicode U+22B7 (decimal 8887). HTML5 provides the named entity ⊷ — prefer it for readable math markup, or use ⊷ / ⊷.
