HTML Entity for Left Right Arrow (↔)

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

What Is the Left Right Arrow Entity?

Left Right Arrow (↔) is the Arrows-block character at Unicode U+2194 (LEFT RIGHT ARROW). It is a horizontal two-way arrow pointing both left and right.

Remember
Character     ↔
Unicode       U+2194
Hex entity    ↔
Decimal       ↔
Named entity  ↔ · ↔
CSS escape    \2194
Not the same  ⇔ (⇔) · ← (←) · ↮ (↮)

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\2194Stylesheet 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: "\2194"
Double left-right arrowUse ⇔ / ⇔ (U+21D4)
One-way left or rightUse ← or →

Live Preview

Left Right Arrow in common relation and navigation contexts.

Relation snippet A ↔ B
Large glyph ↔
Named entity ↔ → ↔
vs ⇔ / ← ↔  |  ⇔  |  ←
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 (↔)</title>
  <style>
    #point::after {
      content: "\2194";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2194;</p>
  <p>Using HTML Code: &#8596;</p>
  <p>Using Named Entity: &harr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>A &harr; B</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2194 → &#x2194; in HTML. The browser turns it into ↔.

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

3. Named: &harr; and &leftrightarrow; are the HTML5 names for this character.

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

Pitfalls & Tips

Common mistakes when working with Left Right Arrow.

Look-alikes

↔ ≠ ⇔ ≠ ←

&harr; (single), &hArr; (double), and one-way &larr; are different characters.

Name

&harr; ≠ &hArr;

Case matters: lowercase harr is single; capital H in &hArr; is the double arrow.

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

\2194 belongs in CSS. &harr; / &#x2194; / &#8596; belong in HTML.

A11y

Add nearby words

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

Semicolon

End references

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

Browser Support

Left Right Arrow (U+2194) and its entity forms (&harr;, &leftrightarrow;, &#x2194;, &#8596;, CSS \\2194) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Left Right Arrow (&harr;)

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+2194 / &harr; Full support

Bottom line: Prefer &harr; or &leftrightarrow; for readable HTML. Use \\2194 only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+2194 (decimal 8596).
  • HTML: prefer &harr; / &leftrightarrow; — or use &#x2194; / &#8596;.
  • CSS: use \2194 inside content for generated text.
  • Watch out: &harr; ≠ &hArr; ≠ &larr;.

One line: U+2194 → &harr; / &#x2194; / &#8596; / CSS \2194.

Frequently Asked Questions

Use &harr; or &leftrightarrow; (named), &#x2194; (hex), &#8596; (decimal), or the CSS escape \2194 in the content property. You can also type ↔ directly in UTF-8 HTML.
U+2194 (LEFT RIGHT ARROW). Hex 2194, decimal 8596. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &harr; and &leftrightarrow; are both HTML5 named entities. You can also use &#x2194; or &#8596;.
Use it for bidirectional relations, navigation, and diagrams that need a horizontal two-way arrow. Prefer &harr; or &leftrightarrow; for readable HTML.
HTML entities (&harr;, &#8596;, or &#x2194;) go in markup. The CSS escape \2194 is used in stylesheets (usually in the content property of ::before/::after). Both render ↔.
&hArr; / &Leftrightarrow; (U+21D4) is the double left-right arrow. &larr; (U+2190) is a single left arrow. &harr; (U+2194) is the single-stroke left-right arrow.

Did you know?

Left Right Arrow is Unicode U+2194 (decimal 8596) — LEFT RIGHT ARROW. HTML5 provides &harr; and &leftrightarrow;. Prefer a named form for readable source. Do not confuse it with the double form &hArr; / &Leftrightarrow; (U+21D4) or the negated form &nharr; (U+21AE).

Next: Left Right Arrow Below

Learn the HTML entity for Left Right Arrow Below — 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