HTML Entity for Left Right Arrow Stroke (↮)

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

What Is the Left Right Arrow Stroke Entity?

Left Right Arrow Stroke (↮) is the Arrows-block character at Unicode U+21AE (LEFT RIGHT ARROW WITH STROKE). A bidirectional arrow is crossed by a single stroke — often read as “not left-right.”

Remember
Character     ↮
Unicode       U+21AE
Hex entity    ↮
Decimal       ↮
Named entity  ↮ · ↮
CSS escape    \21AE
Not the same  ↔ (↔) · ⇼ (double vertical stroke)

All of these produce the same glyph: ↮. Prefer ↮ or ↮ when you want an explicit entity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity↮ / ↮HTML markup (best entity default)
Hex entity↮HTML markup
Decimal entity↮HTML markup
CSS escape\21AEStylesheet content
Direct character↮UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML entity source↮ or ↮
Need a numeric entity↮ or ↮
Generated text via ::before / ::aftercontent: "\21AE"
Plain left-right arrowUse ↔ (U+2194)
Double vertical stroke formUse U+21FC

Live Preview

Left Right Arrow Stroke in common logic and relation contexts.

Relation snippet A ↮ B
Large glyph ↮
Named entity ↮ → ↮
vs ↔ / U+21FC ↮  |  ↔  |  ⇼
With entities Hex: ↮ | Decimal: ↮ | Named: ↮

Complete HTML Example

One page that shows this symbol with hex, decimal, named, and CSS. 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>Left Right Arrow Stroke (↮)</title>
  <style>
    #point::after {
      content: "\21AE";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21AE;</p>
  <p>Using HTML Code: &#8622;</p>
  <p>Using Named Entity: &nharr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>A &nharr; B</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21AE → &#x21AE; in HTML. The browser turns it into ↮.

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

3. Named: &nharr; and &nleftrightarrow; are the HTML5 names for this character.

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

Pitfalls & Tips

Common mistakes when working with Left Right Arrow Stroke.

Look-alikes

↮ ≠ ↔ ≠ ⇼

&nharr; (stroked), &harr; (plain), and U+21FC (double vertical stroke) are different characters.

Name

&nharr; ≠ &harr;

The leading n marks the stroked / negated form. Do not drop it.

Fonts

Glyph may be missing

Arrows-block coverage is usually good, but still test on your target devices.

CSS vs HTML

Do not mix escapes

\21AE belongs in CSS. &nharr; / &#x21AE; / &#8622; belong in HTML.

A11y

Add nearby words

Pair the glyph with relation text (for example A &nharr; B) or use aria-label when it stands alone.

Semicolon

End references

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

Browser Support

Left Right Arrow Stroke (U+21AE) and its entity forms (&nharr;, &nleftrightarrow;, &#x21AE;, &#8622;, CSS \\21AE) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Left Right Arrow Stroke (&nharr;)

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+21AE / &nharr; Full support

Bottom line: Prefer &nharr; or &nleftrightarrow; for readable HTML. Use \\21AE only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+21AE (decimal 8622).
  • HTML: prefer &nharr; / &nleftrightarrow; — or use &#x21AE; / &#8622;.
  • CSS: use \21AE inside content for generated text.
  • Watch out: &nharr; ≠ &harr; ≠ U+21FC.

One line: U+21AE → &nharr; / &#x21AE; / &#8622; / CSS \21AE.

Frequently Asked Questions

Use &nharr; or &nleftrightarrow; (named), &#x21AE; (hex), &#8622; (decimal), or the CSS escape \21AE in the content property. You can also type ↮ directly in UTF-8 HTML.
U+21AE (LEFT RIGHT ARROW WITH STROKE). Hex 21AE, decimal 8622. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &nharr; and &nleftrightarrow; are both HTML5 named entities. You can also use &#x21AE; or &#8622;.
Use it in logic and math when you need a negated or “not bidirectional” left-right arrow. Prefer &nharr; or &nleftrightarrow; for readable HTML.
HTML entities (&nharr;, &#8622;, or &#x21AE;) go in markup. The CSS escape \21AE is used in stylesheets (usually in the content property of ::before/::after). Both render ↮.
&harr; (U+2194) is a plain left-right arrow. U+21FC has a double vertical stroke. &nharr; (U+21AE) is a left-right arrow with a single stroke (negation style).

Did you know?

Left Right Arrow Stroke is Unicode U+21AE (decimal 8622) — LEFT RIGHT ARROW WITH STROKE. HTML5 provides &nharr; and &nleftrightarrow;. Prefer a named form for readable source. Do not confuse it with a plain &harr; (U+2194) or the double-vertical-stroke form (U+21FC).

Next: Left Right Arrow Through Small Circle

Learn the HTML entity for Left Right Arrow Through Small Circle — next in this sequence.

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