HTML Entity for Integral (∫)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+222B

What Is the Integral Entity?

Integral (∫) is the Mathematical Operators character at Unicode U+222B (INTEGRAL). Use it for integration in calculus — antiderivatives, definite integrals, and area under a curve.

Remember
Character     ∫
Unicode       U+222B
Hex entity    ∫
Decimal       ∫
Named entity  ∫
CSS escape    \222B

All of these produce the same glyph: ∫. Prefer ∫ in HTML source for clarity; use hex/decimal when generating entities, and CSS \222B only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity∫HTML markup (best default)
Hex entity∫HTML markup
Decimal entity∫HTML markup
CSS escape\222BStylesheet content
Direct character∫UTF-8 HTML text

When to Use Which

SituationUse
Readable calculus HTML source∫
Need a numeric entity in HTML∫ or ∫
Generated text via ::before / ::aftercontent: "\222B"
UTF-8 page, typing is easyType ∫ directly
Double integral (∬)U+222C — different character from U+222B

Live Preview

Integral rendered in common calculus contexts.

Indefinite ∫ f(x) dx = F(x) + C
Large glyph ∫
Definite ∫01 x² dx = ⅓
Named entity ∫ → ∫
With entities Hex: ∫ | Decimal: ∫ | Named: ∫

Complete HTML Example

One page that shows Integral 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>Integral (∫) in HTML</title>
  <style>
    #point::after {
      content: "\222B";
    }
  </style>
</head>
<body>
  <p>Integral using Hex Code: &#x222B;</p>
  <p>Integral using HTML Code: &#8747;</p>
  <p>Integral using Named Entity: &int;</p>
  <p id="point">Integral using CSS Entity: </p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+222B → &#x222B; in HTML. The browser turns it into ∫.

2. Decimal: same code point as 8747 → &#8747;. Same result as hex.

3. Named: &int; is the HTML5 name for this character — easiest to read in source.

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

Pitfalls & Tips

Common mistakes when working with the Integral symbol.

Named

Prefer &int;

Named form is clearer than numeric codes in hand-written HTML.

CSS vs HTML

Do not mix escapes

\222B belongs in CSS. &int; / &#x222B; / &#8747; belong in HTML.

Look-alikes

Not ∬ or ∑

∬ is double integral (U+222C). ∑ is n-ary summation — different operators.

Limits

Limits need extra markup

Use <sub>/<sup> or MathML for bounds — the entity alone is only the ∫ glyph.

Semicolon

End references

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

Fonts

Math Operators support

Use fonts that include U+222B (e.g. Cambria Math, Noto Sans Math, Segoe UI Symbol).

Browser Support

Integral (U+222B) and its entity forms (&int;, &#x222B;, &#8747;, CSS \\222B) are supported in all mainstream browsers when the font includes Mathematical Operators.

✓ Universal support

Integral (∫)

Use &int;, or encode with hex, decimal, or CSS escape — same glyph everywhere fonts support it.

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+222B / entities Full support

Bottom line: Prefer &int; in HTML for readability. Use &#x222B; or &#8747; when encoding must be numeric, and \\222B only inside CSS content.

Key Takeaways

  • Unicode: Integral is U+222B (decimal 8747).
  • HTML: prefer &int;, or use &#x222B; / &#8747;.
  • CSS: use \222B inside content for generated text.
  • Use case: calculus and physics — definite and indefinite integrals.

One line: U+222B → &int; / &#x222B; / &#8747; / CSS \222B.

Frequently Asked Questions

Use &int; (named), &#x222B; (hex), &#8747; (decimal), or the CSS escape \222B in the content property. All render the Integral symbol (∫).
U+222B (INTEGRAL). Hex 222B, decimal 8747. It belongs to the Mathematical Operators block.
Yes. &int; is the named HTML5 entity for ∫ and is supported in all modern browsers.
Use it for calculus notation — indefinite and definite integrals, antiderivatives, and area under a curve. Prefer &int; for readable source, or numeric forms when generating markup.
HTML entities (&int;, &#8747;, or &#x222B;) go in markup. The CSS escape \222B is used in stylesheets (usually in the content property of ::before/::after). Both render ∫.
No. ∫ is U+222B (single integral). ∬ is U+222C (DOUBLE INTEGRAL) — a different character.

Did you know?

Integral is Unicode U+222B (decimal 8747). HTML5 provides the named entity &int; — prefer it for readable calculus markup, or use &#x222B; / &#8747;.

Next: Intercalate

Learn the HTML entity for the Intercalate symbol (⊺) — next in this entity sequence.

Intercalate 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