HTML Entity for Wreath Product (≀)

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

What Is Wreath Product?

Wreath Product (≀) is the Mathematical Operators character at Unicode U+2240 (WREATH PRODUCT). It is used in group theory and abstract algebra for the wreath product of groups.

Remember
Character     ≀
Unicode       U+2240
Named entity  ≀  (also ≀ · ≀)
Hex entity    ≀
Decimal       ≀
CSS escape    \2240
Not the same  ~ · ⋋ · ×

Prefer ≀ in HTML markup. Numeric forms and typing ≀ in UTF-8 also work. Aliases ≀ and ≀ render the same glyph.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity≀HTML markup (preferred)
Alias names≀ / ≀Same glyph as ≀
Hex entity≀HTML markup
Decimal entity≀HTML markup
CSS escape\2240Stylesheet content
Direct character≀UTF-8 HTML text

When to Use Which

SituationUse
Wreath product of groups (G ≀ H)≀ or type ≀
Left semidirect product⋋ (U+22CB)
N-ary product (∏)∏ (U+220F)
ASCII tilde~ (U+007E) — different character
Generated text via ::before / ::aftercontent: "\2240"

Live Preview

Wreath Product in common math notation contexts.

Large glyph ≀
Notation G ≀ H
Named entity ≀ → ≀
Compared ≀  |  ~  |  ⋋
With entities Named: ≀ | Hex: ≀ | Decimal: ≀

Complete HTML Example

One page that shows this symbol with named, hex, decimal, and CSS. Use View Output or open the live editor.

Named + Hex + Decimal + CSS

Four ways to produce ≀, plus a short group-theory sample.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Wreath Product (≀)</title>
  <style>
    #point::after {
      content: "\2240";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &wreath;</p>
  <p>Using Hex Code: &#x2240;</p>
  <p>Using HTML Code: &#8768;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>G &wreath; H</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &wreath; is the clearest HTML form for U+2240. &wr; and &VerticalTilde; are aliases for the same glyph.

2. Hex: U+2240 → &#x2240; in HTML. Same glyph as the named entity.

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

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

5. Sample: G &wreath; H shows typical group-theory notation.

Pitfalls & Tips

Common mistakes when working with U+2240.

vs ~

Not ASCII tilde

Keyboard ~ is U+007E. Use &wreath; only for the mathematical wreath product.

Aliases

&wreath; = &wr; = &VerticalTilde;

Three HTML5 names map to the same code point. Prefer &wreath; for clarity.

vs ⋋

Not a semidirect product

⋋ (&lthree;) is left semidirect product. ≀ is wreath product — related algebra, different operator.

CSS vs HTML

Do not mix escapes

\2240 belongs in CSS strings. &wreath; / &#x2240; / &#8768; belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example G &wreath; H) or use aria-label when it stands alone.

Semicolon

End references

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

Browser Support

Wreath Product (U+2240) and its entity forms (&wreath;, &#x2240;, &#8768;, CSS \\2240) are supported in all mainstream browsers. Visible glyphs depend on Mathematical Operators font coverage.

✓ Universal support

Wreath Product (&wreath;)

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 IE 9+
Yes
U+2240 / &wreath; Full support

Bottom line: Prefer &wreath; in HTML. Use \\2240 only inside CSS content. Do not confuse with ASCII ~ or &lthree;.

Key Takeaways

  • Unicode: this symbol is U+2240 (decimal 8768) — glyph ≀.
  • HTML: prefer &wreath; — or use &#x2240; / &#8768;.
  • CSS: use \2240 inside content for generated text.
  • Watch out: &wreath; ≠ ~ ≠ &lthree;.

One line: U+2240 → &wreath; / &#x2240; / &#8768; / CSS \2240.

Frequently Asked Questions

Use &wreath; (named), &#x2240; (hex), &#8768; (decimal), type ≀ directly in UTF-8, or the CSS escape \2240 in content. Prefer &wreath; in normal HTML. Aliases &wr; and &VerticalTilde; also work.
U+2240 (WREATH PRODUCT). Hex 2240, decimal 8768. It belongs to Mathematical Operators (U+2200–U+22FF).
Yes. Use &wreath;. HTML5 also defines &wr; and &VerticalTilde; for the same character.
No. ≀ is U+2240 (wreath product). ASCII tilde is U+007E. Semidirect products use different operators such as &lthree; (U+22CB).
Use it in group theory and abstract algebra when you need the wreath product operator — for example G ≀ H.
HTML entities (&wreath;, &#8768;, or &#x2240;) go in markup. The CSS escape \2240 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Wreath Product is Unicode U+2240 (decimal 8768) — WREATH PRODUCT in Mathematical Operators. HTML5 provides &wreath; (also &wr; and &VerticalTilde;). Prefer &wreath; for readable source. Used in group theory for the wreath product of groups (often written G &wreath; H). Do not confuse it with ASCII tilde ~ or semidirect product operators.

Next: Writing Hand

Learn the HTML entity for writing hand (U+270D).

Continue 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