HTML Entity for Nabla (∇)

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

What Is the Nabla Entity?

Nabla (∇) is the del operator at Unicode U+2207, used for gradient, divergence, curl, and Laplacian in vector calculus. HTML5 provides ∇. Example: ∇f for the gradient of f.

Remember
Character     ∇
Unicode       U+2207
Named entity  ∇
Hex entity    ∇
Decimal       ∇
CSS escape    \2207

Named, hex, decimal, CSS, and a typed character all produce the same glyph: ∇.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity∇HTML markup (preferred)
Direct character∇UTF-8 HTML text
Hex entity∇HTML markup
Decimal entity∇HTML markup
CSS escape\2207Stylesheet content

When to Use Which

SituationUse
Gradient / divergence / curl∇
Need an entity in HTML source∇, ∇, or ∇
Generated text via ::before / ::aftercontent: "\2207"
Greek capital Delta (Δ)Δ — not nabla
Partial derivative (∂)∂ — not nabla

Live Preview

Nabla alone, in common formulas, and beside lookalikes.

Example ∇f  |  ∇·F  |  ∇×F
Large glyph ∇
Named entity ∇ → ∇
vs Δ / ∂ / ∑ ∇  |  Δ  |  ∂  |  ∑
With entities Named: ∇ | Hex: ∇ | Decimal: ∇

Complete HTML Example

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

Named + Hex + Decimal + CSS

Four ways to produce ∇ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Nabla (∇)</title>
  <style>
    #point::after {
      content: "\2207";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &nabla;</p>
  <p>Using Hex Code: &#x2207;</p>
  <p>Using HTML Code: &#8711;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Gradient: &nabla;f</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &nabla; is the clearest HTML form and renders ∇.

2. Hex: U+2207 → &#x2207; in HTML. Same result as the named entity.

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

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

Pitfalls & Tips

Common mistakes when working with Nabla.

Prefer

Use &nabla;

The named form is clearer than numeric references and is defined in HTML5.

vs Δ

Not Greek Delta

&Delta; is Δ (U+0394). Nabla (∇) is the del operator, not the Greek letter.

vs ∂

Not partial

&part; is ∂ (U+2202). Use partial for ∂f/∂x; use nabla for ∇f.

CSS vs HTML

Do not mix escapes

\2207 belongs in CSS. &nabla; / &#x2207; / &#8711; belong in HTML.

Encoding

Declare UTF-8

If you type ∇ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Browser Support

Nabla (U+2207) and its entity forms (&nabla;, &#x2207;, &#8711;, CSS \\2207) are supported in all mainstream browsers with a Unicode-capable font.

✓ Universal support

Nabla (&nabla;)

Encode with named, hex, decimal, or CSS escape — or type ∇ directly in UTF-8 HTML.

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+2207 / &nabla; Full support

Bottom line: Prefer &nabla; in math HTML. Use \\2207 only inside CSS content.

Key Takeaways

  • Unicode: Nabla is U+2207 (decimal 8711).
  • HTML: prefer &nabla;.
  • CSS: use \2207 inside content for generated text.
  • Lookalike: not &Delta; (Δ) or &part; (∂).

One line: U+2207 → prefer &nabla; (also &#x2207; / CSS \2207).

Frequently Asked Questions

Use &nabla; (named), &#x2207; (hex), &#8711; (decimal), or the CSS escape \2207 in the content property. All render ∇. Prefer &nabla; in math HTML.
U+2207 (NABLA). Hex 2207, decimal 8711. It belongs to the Mathematical Operators block.
Yes. HTML5 defines &nabla; for ∇.
Use it in vector calculus and physics when writing the del operator — for example ∇f (gradient), ∇·F (divergence), or ∇×F (curl).
HTML entities (&nabla;, &#8711;, or &#x2207;) go in markup. The CSS escape \2207 is used in stylesheets (usually in the content property of ::before/::after). Both render ∇.
No. Nabla is &nabla; (∇, U+2207), the del operator. Greek Delta is &Delta; (Δ, U+0394). Partial differential is &part; (∂, U+2202). Different symbols.

Did you know?

Nabla is Unicode U+2207 (decimal 8711) — in Mathematical Operators. HTML5 provides &nabla;. Also called del, it marks gradient (∇f), divergence (∇·F), curl (∇×F), and Laplacian (∇²). Related: Union &bigcup; (⋃), Product &prod; (∏).

Next: Naira Sign

Continue with the Naira Sign (₦) entity tutorial.

Naira Sign 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