Long Left Right Arrow (⟷) is the Supplemental Arrows-A character at Unicode U+27F7 (LONG LEFT RIGHT ARROW). It is a long bidirectional arrow used for equivalence, toggles, and two-way navigation.
Remember
Character ⟷
Unicode U+27F7
Hex entity ⟷
Decimal ⟷
Named entity ⟷ · ⟷ · ⟷
CSS escape \27F7
Not the same ↔ (↔) · ⟺ (⟺)
Named, hex, decimal, CSS, and a typed character all produce the same glyph: ⟷. Prefer ⟷ in HTML source for clarity. Case is significant: ⟷ ≠ ⟺.
Using Hex Code: ⟷
Using HTML Code: ⟷
Using Named Entity: ⟷
Using CSS Entity: ⟷
A ⟷ B
How It Works
1. Named:⟷ (aliases ⟷, ⟷) is the clearest HTML form and renders ⟷.
2. Hex:U+27F7 → ⟷ in HTML. Same result as the named entity.
3. Decimal: same code point as 10231 → ⟷. Same result as hex.
4. CSS: use \27F7 in content (not an HTML entity). #point::after appends that ⟷ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with Long Left Right Arrow.
Length
⟷ ≠ ↔
The standard left-right arrow (↔, U+2194) is shorter. Use U+27F7 only when you need the long form.
Case
⟷ ≠ ⟺
Capital A selects the long double form (U+27FA). Lowercase ⟷ is the single long left-right arrow (U+27F7).
Aliases
Three named forms
⟷, ⟷, and ⟷ all map to U+27F7. Prefer one style consistently.
CSS vs HTML
Do not mix escapes
\27F7 belongs in CSS. ⟷ / ⟷ / ⟷ belong in HTML.
A11y
Add nearby words
Pair the glyph with labels (for example A ⟷ B) or use aria-label when it stands alone.
Semicolon
End references
Always finish with ; — write ⟷, not &xharr.
Compatibility
Browser Support
Long Left Right Arrow (U+27F7) and its entity forms (⟷, ⟷, ⟷, ⟷, ⟷, CSS \\27F7) are supported in all modern browsers.
✓ Universal encoding
Long Left Right Arrow (⟷)
Encode with named, hex, decimal, or CSS escape — or type ⟷ directly in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerIE 9+
Yes*
U+27F7Full support
Bottom line: Prefer ⟷ for readable HTML. Use \\27F7 only inside CSS content.
Remember
Key Takeaways
Unicode: this symbol is U+27F7 (decimal 10231).
HTML: prefer ⟷ — or use ⟷ / ⟷.
Use ⟷, ⟷, or ⟷ (named), ⟷ (hex), ⟷ (decimal), or the CSS escape \27F7 in the content property. All render ⟷.
U+27F7 (LONG LEFT RIGHT ARROW). Hex 27F7, decimal 10231. It belongs to Supplemental Arrows-A (U+27F0–U+27FF).
Yes. ⟷, ⟷, and ⟷ are named HTML5 entities for ⟷ and are supported in all modern browsers.
Use it for bidirectional navigation, equivalence, toggle UI, and diagrams that need a longer left-right arrow than ↔. Prefer ⟷ for readable source.
HTML entities (⟷, ⟷, or ⟷) go in markup. The CSS escape \27F7 is used in stylesheets (usually in the content property of ::before/::after). Both render ⟷.
No. ↔ is the standard left-right arrow (↔, U+2194). ⟷ (U+27F7) is the longer form. Case also matters: ⟺ is the long double form (U+27FA).
🤔
Did you know?
Long Left Right Arrow is Unicode U+27F7 (decimal 10231) — LONG LEFT RIGHT ARROW in Supplemental Arrows-A. HTML5 provides ⟷, ⟷, and ⟷ — all render ⟷. Prefer ⟷ for readable source. It is longer than the standard left-right arrow ↔ (↔, U+2194).
