HTML Entity for Small Element Of With Overbar (⋷)

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

What Is Small Element Of With Overbar?

Small element of with overbar (⋷) is the Unicode character at U+22F7 in Mathematical Operators. Official name: SMALL ELEMENT OF WITH OVERBAR. It is a set-theory style membership relation with an overbar.

Remember
Character     ⋷
Unicode       U+22F7
Named entity  ⋷
Hex entity    ⋷
Decimal       ⋷
CSS escape    \22F7
Not the same  ⋶ · ∊ · ∈

Prefer ⋷ in HTML markup. You can also type ⋷ in UTF-8, or use numeric forms when needed. Use a math-capable font for the clearest glyph.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⋷HTML markup (preferred)
Direct character⋷HTML text (UTF-8)
Hex entity⋷HTML markup
Decimal entity⋷HTML markup
CSS escape\22F7Stylesheet content
Element of with overbar (related)⋶ (U+22F6)Non-small form — ⋶

When to Use Which

SituationUse
Small element of with overbar⋷ or type ⋷
Element of with overbar (not small)⋶ (⋶)
Small element of (no overbar)∊
Full-size element of∈ (∈)
Generated text via ::before / ::aftercontent: "\22F7"

Live Preview

Small element of with overbar rendered alone and next to related operators.

Relation x ⋷ A
Large glyph ⋷
Compared ⋷   ⋶   ∊   ∈
Monospace U+22F7 ⋷
With entities Named: ⋷ | Hex: ⋷ | Decimal: ⋷

Complete HTML Example

One page that shows the 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 produce ⋷, plus a short membership-style example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Small Element Of With Overbar (⋷) in HTML</title>
  <style>
    #point::after {
      content: "\22F7";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &notinvb;</p>
  <p>Using Hex Code: &#x22F7;</p>
  <p>Using HTML Code: &#8951;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⋷</p>
  <p>Relation: x &notinvb; A</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &notinvb; is the HTML5 name for U+22F7 → ⋷. Best default in markup.

2. Hex: U+22F7 → &#x22F7; in HTML. Same glyph as the named form.

3. Decimal: same code point as 8951 → &#8951;. Same result as hex and named.

4. CSS: use \22F7 in content (not an HTML entity). #point::after appends that ⋷ after the paragraph text.

5. Typed / math: paste ⋷ in UTF-8, or write x &notinvb; A for a simple relation example.

Pitfalls & Tips

Common mistakes when working with &notinvb;.

vs ⋶

Not the full-size overbar form

U+22F6 (⋶, &notinvc;) is element of with overbar. U+22F7 is the small form — different characters.

vs ∊

Not plain small element of

∊ (U+220A) has no overbar. Do not swap it with &notinvb;.

Name

Remember &notinvb;

The named entity is &notinvb; — not &notinvc; (that is U+22F6).

CSS vs HTML

Do not mix escapes

\22F7 belongs in CSS strings. &notinvb; / &#x22F7; / &#8951; belong in HTML.

Semicolon

End named entities

Always finish with ; — write &notinvb;, not &notinvb.

Fonts

Use a math font

Some UI fonts omit U+22F7. Prefer Cambria Math, STIX, or similar for readable operators.

Browser Support

Small element of with overbar (U+22F7) and its entity forms (&notinvb;, &#x22F7;, &#8951;, CSS \\22F7) are supported in all mainstream browsers. Visible glyphs depend on Mathematical Operators font coverage.

✓ Universal support

Small Element Of With Overbar (&#x22F7;)

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+22F7 / entities Full support

Bottom line: Prefer &notinvb; in HTML. Use &#x22F7; / &#8951; when numeric form is required, and \\22F7 only inside CSS content.

Key Takeaways

  • Unicode: small element of with overbar is U+22F7 (decimal 8951) — glyph ⋷.
  • HTML: prefer &notinvb; — also &#x22F7; / &#8951; / type ⋷.
  • CSS: use \22F7 inside content for generated text.
  • Meaning: ⋷ is the small overbar form — not ⋶ (&notinvc;), not ∊.

One line: U+22F7 → &notinvb; / &#x22F7; / &#8951; / CSS \22F7.

Frequently Asked Questions

Use &notinvb; (named), &#x22F7; (hex), &#8951; (decimal), type ⋶ directly in UTF-8, or the CSS escape \22F7 in content. Prefer &notinvb; in normal HTML.
U+22F7 (SMALL ELEMENT OF WITH OVERBAR). Hex 22F7, decimal 8951. It belongs to the Mathematical Operators block (U+2200–U+22FF).
Yes. Use &notinvb;. Numeric forms &#8951; and &#x22F7; also work. Do not confuse with &notinvc; (U+22F6).
No. ⋶ is U+22F7 (&notinvb;). Related but different: U+22F6 (element of with overbar, &notinvc;), U+220A (small element of), and U+2208 (element of, &isin;).
Use it in set theory and math documentation when you need the small element-of-with-overbar operator. Prefer a math-capable font for clear glyphs.
HTML entities (&notinvb;, &#8951;, or &#x22F7;) go in markup. The CSS escape \22F7 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Small element of with overbar is Unicode U+22F7 (decimal 8951) — glyph ⋷ in Mathematical Operators. HTML5 names it &notinvb;. Official name: SMALL ELEMENT OF WITH OVERBAR. Do not confuse with element of with overbar U+22F6 (&notinvc;, ⋶) or small element of U+220A (∊).

Next: Snowflake

Learn the HTML entity for snowflake (U+2744).

Snowflake 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