HTML Entity for Left Right Double Arrow (⇔)

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

What Is the Left Right Double Arrow Entity?

Left Right Double Arrow (⇔) is the Arrows-block character at Unicode U+21D4 (LEFT RIGHT DOUBLE ARROW). It is a thick bidirectional arrow often used for equivalence or logical iff.

Remember
Character     ⇔
Unicode       U+21D4
Hex entity    ⇔
Decimal       ⇔
Named entity  ⇔ · ⇔
CSS escape    \21D4
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\21D4Stylesheet 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: "\21D4"
Single left-right arrowUse ↔ (U+2194)
Negated / stroked double formUse ⇎ (U+21CE)

Live Preview

Left Right Double Arrow in common equivalence and logic contexts.

Relation snippet P ⇔ Q
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 Double Arrow (⇔)</title>
  <style>
    #point::after {
      content: "\21D4";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21D4;</p>
  <p>Using HTML Code: &#8660;</p>
  <p>Using Named Entity: &hArr;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>P &hArr; Q</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21D4 → &#x21D4; in HTML. The browser turns it into ⇔.

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

3. Named: &hArr; and &Leftrightarrow; are the HTML5 names for this character. Capital A in &hArr; is required — &harr; is a different symbol.

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

Pitfalls & Tips

Common mistakes when working with Left Right Double Arrow.

Look-alikes

⇔ ≠ ↔ ≠ ⇎

&hArr; (double), &harr; (single), and &nhArr; (stroked double) are different characters.

Case

&hArr; ≠ &harr;

Named entities are case-sensitive. Capital A selects 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

\21D4 belongs in CSS. &hArr; / &#x21D4; / &#8660; belong in HTML.

A11y

Add nearby words

Pair the glyph with relation text (for example P &hArr; Q) or use aria-label when it stands alone.

Semicolon

End references

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

Browser Support

Left Right Double Arrow (U+21D4) and its entity forms (&hArr;, &Leftrightarrow;, &#x21D4;, &#8660;, CSS \\21D4) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Left Right Double 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+21D4 / &hArr; Full support

Bottom line: Prefer &hArr; or &Leftrightarrow; for readable HTML. Use \\21D4 only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+21D4 (decimal 8660).
  • HTML: prefer &hArr; / &Leftrightarrow; — or use &#x21D4; / &#8660;.
  • CSS: use \21D4 inside content for generated text.
  • Watch out: &hArr; ≠ &harr; ≠ &nhArr; (case-sensitive).

One line: U+21D4 → &hArr; / &#x21D4; / &#8660; / CSS \21D4.

Frequently Asked Questions

Use &hArr; or &Leftrightarrow; (named), &#x21D4; (hex), &#8660; (decimal), or the CSS escape \21D4 in the content property. You can also type ⇔ directly in UTF-8 HTML.
U+21D4 (LEFT RIGHT DOUBLE ARROW). Hex 21D4, decimal 8660. It belongs to the Arrows block (U+2190–U+21FF).
Yes. &hArr; and &Leftrightarrow; are both HTML5 named entities. You can also use &#x21D4; or &#8660;.
Use it for equivalence, logical if-and-only-if (iff), and strong bidirectional relations. Prefer &hArr; or &Leftrightarrow; for readable HTML.
HTML entities (&hArr;, &#8660;, or &#x21D4;) go in markup. The CSS escape \21D4 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇔.
&harr; (U+2194) is the single left-right arrow. &nhArr; (U+21CE) is the double left-right arrow with a stroke. &hArr; (U+21D4) is the plain double left-right arrow. Named entities are case-sensitive.

Did you know?

Left Right Double Arrow is Unicode U+21D4 (decimal 8660) — LEFT RIGHT DOUBLE ARROW. HTML5 provides &hArr; and &Leftrightarrow;. Prefer a named form for readable source. Case matters: &hArr; (double) ≠ &harr; (single, U+2194). Do not confuse it with the stroked form &nhArr; (U+21CE).

Next: Left Right Double Arrow Stroke

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