HTML Entity for Element Of With Vertical Bar At End Horizontal Stroke Small (⋴)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+22F4

What Is Element Of With Vertical Bar At End Horizontal Stroke Small?

Element of with vertical bar at end horizontal stroke small (⋴) is the Unicode character at U+22F4 in Mathematical Operators. Official name: SMALL ELEMENT OF WITH VERTICAL BAR AT END OF HORIZONTAL STROKE. It is the small form of the vertical-bar membership operator — useful in compact set theory and logic notation.

Remember
Character     ⋴
Unicode       U+22F4
Named entity  ⋴
Hex entity    ⋴
Decimal       ⋴
CSS escape    \22F4
Not the same  ⋳ (isinsv) · ∈ (isin) · ∊ (small element of)

Prefer ⋴ in HTML markup. You can also use ⋴ / ⋴, or type ⋴ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⋴HTML markup (preferred)
Hex entity⋴HTML markup
Decimal entity⋴HTML markup
Direct character⋴HTML text (UTF-8)
CSS escape\22F4Stylesheet content
Full-size form (related)⋳ (⋳, U+22F3)Same shape, larger size

When to Use Which

SituationUse
Small vertical-bar membership⋴ or type ⋴
Full-size vertical-bar membershipU+22F3 (⋳)
Plain / small element ofU+2208 (∈) · U+220A
Not an element ofU+2209 (∉)
Generated text via ::before / ::aftercontent: "\22F4"

Live Preview

The small vertical-bar membership operator rendered alone, in a statement, and compared with related operators.

Glyph ⋴
Large glyph ⋴
Membership x ⋴ S
Compared ⋴   ⋳   ∈   ∊
With entities Named: ⋴ | Hex: ⋴ | Decimal: ⋴

Complete HTML Example

One page that shows this small operator with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ⋴ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Element Of With Vertical Bar At End Horizontal Stroke Small (U+22F4)</title>
  <style>
    #point::after {
      content: "\22F4";
    }
  </style>
</head>
<body>
  <p>Built with Named: &isins;</p>
  <p>Built with Hex: &#x22F4;</p>
  <p>Built with Decimal: &#8948;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⋴</p>
  <p>Membership: x &isins; S</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &isins; is the preferred HTML5 name for U+22F4 → ⋴.

2. Hex: &#x22F4; inserts the same code point. Same visual as named.

3. Decimal: same code point as 8948 → &#8948;.

4. CSS: use \22F4 in content (not an HTML entity). #point::after appends ⋴.

5. Typed: paste ⋴ in a UTF-8 document, or write membership like x &isins; S.

Pitfalls & Tips

Common mistakes when working with this small membership operator.

Name

Watch &isins; vs &isin;

&isins; is U+22F4 (this small vertical-bar form). &isin; is U+2208 (plain element of). The trailing s matters.

⋳

Not the full-size form

U+22F3 (&isinsv;) is the larger version. U+22F4 is the small variant.

∊

Not small element of

U+220A is a different small membership glyph. This character keeps the vertical-bar stroke design.

CSS vs HTML

Do not mix escapes

\22F4 belongs in CSS strings. &isins; / &#x22F4; / &#8948; belong in HTML.

Fonts

Math font coverage

Some fonts omit less-common Mathematical Operators. Prefer a font with solid math coverage.

a11y

Add accessible text

Screen readers may not expand ⋴ clearly. Prefer full phrases nearby (for example “x is an element of S”) when the meaning matters.

Semicolon

End references

Always finish entities with ; — write &isins;, not &isins.

Browser Support

Small element of with vertical bar at end of horizontal stroke (U+22F4) and its entity forms (&isins;, &#x22F4;, &#8948;, CSS \\22F4) are supported in all mainstream browsers. Visible glyphs depend on Mathematical Operators font coverage.

✓ Universal support

Element Of With Vertical Bar At End Horizontal Stroke Small (&#x22F4;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+22F4 / &isins; Full support

Bottom line: Prefer &isins; in HTML. Use &#x22F4; / &#8948; when numeric form is required, and \\22F4 only inside CSS content.

Key Takeaways

  • Unicode: this small operator is U+22F4 (decimal 8948) — glyph ⋴.
  • HTML: prefer &isins; — not &isin;.
  • CSS: use \22F4 inside content for generated text.
  • Size: small ⋴ ≠ full ⋳ ≠ plain ∈.

One line: U+22F4 → &isins; / &#x22F4; / CSS \22F4.

Frequently Asked Questions

Use &isins; (named), &#x22F4; (hex), &#8948; (decimal), type ⋴ directly in UTF-8, or the CSS escape \22F4 in content.
U+22F4 (SMALL ELEMENT OF WITH VERTICAL BAR AT END OF HORIZONTAL STROKE). Hex 22F4, decimal 8948. It belongs to the Mathematical Operators block (U+2200–U+22FF).
Yes. &isins; is the HTML5 named entity for U+22F4. Do not confuse it with &isin; (plain element of, U+2208) or &isinsv; (full-size vertical-bar form, U+22F3).
Use it when you need the small vertical-bar membership variant. Prefer &isinsv; (U+22F3) for the full-size form, and &isin; (U+2208) for ordinary “element of.”
HTML entities (&isins;, &#8948;, or &#x22F4;) go in markup. The CSS escape \22F4 goes in stylesheet strings (usually content on ::before/::after).
No. U+22F4 is ⋴ (small vertical-bar form). U+22F3 is ⋳ (full-size vertical-bar form). U+2208 is ∈ (plain element of).

Did you know?

This mark is Unicode U+22F4 (decimal 8948) — glyph ⋴ (SMALL ELEMENT OF WITH VERTICAL BAR AT END OF HORIZONTAL STROKE) in Mathematical Operators. HTML5 names it &isins;. The full-size form is &isinsv; (⋳, U+22F3). The plain membership symbol is &isin; (∈, U+2208).

Next: Element With Two Horizontal Stroke

Learn the HTML entity for element with two horizontal stroke.

Next tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful