HTML Entity for Long Left Right Double Arrow (⟺)
What You'll Learn
How to display the Long Left Right Double Arrow (⟺) symbol in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+27FA (LONG LEFT RIGHT DOUBLE ARROW) in the Supplemental Arrows-C block.
Render it with ⟺, ⟺, ⟺, or CSS escape \27FA. It indicates strong bidirectional equivalence or “if and only if” in math, logic, navigation, and UI. For the standard short double arrow, see Left Right Double Arrow (⇔, ⇔).
⚡ Quick Reference — Long Left Right Double Arrow
U+27FASupplemental Arrows-C
⟺Hexadecimal reference
⟺Decimal reference
⟺Most readable option
Name Value
──────────── ──────────
Unicode U+27FA
Hex code ⟺
HTML code ⟺
Named entity ⟺
CSS code \27FA
Meaning Long left right double arrow
Related U+21D4 = ⇔ (⇔)
Block Supplemental Arrows-CComplete HTML Example
A simple example showing the Long Left Right Double Arrow (⟺) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27FA";
}
</style>
</head>
<body>
<p>Symbol (hex): ⟺</p>
<p>Symbol (decimal): ⟺</p>
<p>Symbol (named): ⟺</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Long Left Right Double Arrow (⟺) is supported in modern browsers when the font includes Supplemental Arrows glyphs:
👀 Live Preview
See the Long Left Right Double Arrow (⟺) in logic and diagram contexts:
🧠 How It Works
Hexadecimal Code
⟺ uses the Unicode hexadecimal value 27FA to display the long bidirectional double arrow.
Decimal HTML Code
⟺ uses the decimal Unicode value 10234 to display the same character.
Named Entity
⟺ is the semantic named entity for ⟺—readable in source HTML and part of the HTML5 character set.
CSS Entity
\27FA is used in CSS stylesheets, particularly in the content property of pseudo-elements.
Same visual result
All four methods produce the glyph: ⟺. Unicode U+27FA is in Supplemental Arrows-C. Previous: Long Left Right Arrow.
Use Cases
The Long Left Right Double Arrow (⟺) is commonly used in:
Bidirectional equivalence, “if and only if,” or strong two-way relations.
Two-way navigation, toggle between modes, or reversible views.
Two-way relations or reversible process in process diagrams.
Expand/collapse, resize handles, or strong left-right toggle controls.
Bidirectional API relation or equivalence in specs and documentation.
Explain bijection, equivalence, or two-way mapping in tutorials.
💡 Best Practices
Do
- Use
⟺for readable source markup - Clarify in logic that ⟺ often means “if and only if” or equivalence
- Choose ⟺ when you need a longer double stroke than ⇔
- Pair arrows with text labels for accessibility
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
⟺(⟺) with⇔(⇔) or⟷(⟷) - Put CSS escape
\27FAin HTML text nodes - Rely on the arrow glyph alone for screen reader users
- Assume every font renders long double arrows identically—test on mobile
- Use ⟺ and ⇔ interchangeably when precision matters
Key Takeaways
Four HTML/CSS references all render ⟺
⟺ ⟺ ⟺For CSS stylesheets, use the escape in the content property
\27FAUnicode U+27FA — LONG LEFT RIGHT DOUBLE ARROW
Prefer ⟺ for readability; short double arrow is ⇔
Previous: Long Left Right Arrow Next: Long Right Arrow
❓ Frequently Asked Questions
⟺ (hex), ⟺ (decimal), ⟺ (named), or \27FA in CSS content. All produce ⟺.U+27FA (LONG LEFT RIGHT DOUBLE ARROW). Supplemental Arrows-C block. Hex 27FA, decimal 10234. Named entity: ⟺.⟺ is the named HTML entity for ⟺. It is part of the HTML5 named character set and the most readable option in source markup.⇔) is the standard left right double arrow. ⟷ (⟷) is the long left right arrow. ⟺ (⟺) is the long left right double arrow with a longer horizontal double stroke.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful