HTML Entity for Long Left Double Arrow Bar (⟽)
What You'll Learn
How to display the Long Left Double Arrow Bar (⟽) symbol in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27FD (LONG LEFTWARDS DOUBLE ARROW FROM BAR) in the Supplemental Arrows-C block.
Render it with ⟽, ⟽, or CSS escape \27FD. There is no named HTML entity. It combines a long left double arrow with a vertical bar and is used in math notation, logic, and technical content. For the long double arrow without a bar, see Long Left Double Arrow (⟸, ⟸).
⚡ Quick Reference — Long Left Double Arrow Bar
U+27FDSupplemental Arrows-C
⟽Hexadecimal reference
⟽Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+27FD
Hex code ⟽
HTML code ⟽
Named entity (none)
CSS code \27FD
Meaning Long leftwards double arrow from bar
Related U+27F8 = ⟸ (long left double arrow)
Block Supplemental Arrows-CComplete HTML Example
A simple example showing the Long Left Double Arrow Bar (⟽) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27FD";
}
</style>
</head>
<body>
<p>Symbol (hex): ⟽</p>
<p>Symbol (decimal): ⟽</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Long Left Double Arrow Bar (⟽) is supported in modern browsers when the font includes Supplemental Arrows glyphs:
👀 Live Preview
See the Long Left Double Arrow Bar (⟽) in math and diagram contexts:
🧠 How It Works
Hexadecimal Code
⟽ uses the Unicode hexadecimal value 27FD to display the long double arrow with bar.
Decimal HTML Code
⟽ uses the decimal Unicode value 10237 to display the same character.
CSS Entity
\27FD is used in CSS stylesheets, particularly in the content property of pseudo-elements.
Same visual result
All three methods produce the glyph: ⟽. Unicode U+27FD is in Supplemental Arrows-C. There is no named HTML entity. Previous: Long Left Double Arrow.
Use Cases
The Long Left Double Arrow Bar (⟽) is commonly used in:
Limits, maps, and “from” notation with double-arrow emphasis.
Strong leftward flow with a bar to indicate a specific relation type.
Indicate “maps from” or reverse implication in specs and API docs.
Represent reverse implication or “only if” with bar styling.
Distinct “back” indicator combining double arrows and bar styling.
Explain functions, limits, or mappings in textbooks and tutorials.
💡 Best Practices
Do
- Use numeric references (
⟽or⟽) in HTML for portability - Use
\27FDin CSScontentwhen inserting via pseudo-elements - Clarify meaning in math or logic (e.g. “maps from,” “only if”)
- Pair the symbol with text or ARIA labels for accessibility
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⟽ with ⟸ (Long Left Double Arrow) or ⟻ (Long Left Arrow Bar)
- Put CSS escape
\27FDin HTML text nodes - Assume every font renders supplemental arrows identically—test on mobile
- Rely on the arrow glyph alone for screen reader users
- Expect a named HTML entity—only numeric codes work for ⟽
Key Takeaways
Three references render ⟽ (no named entity)
⟽ ⟽For CSS stylesheets, use the escape in the content property
\27FDUnicode U+27FD — LONG LEFTWARDS DOUBLE ARROW FROM BAR
Differs from ⟸ (long double) and ⟻ (long single from bar)
Previous: Long Left Double Arrow Next: Long Left Right Arrow
❓ Frequently Asked Questions
⟽ (hex), ⟽ (decimal), or \27FD in CSS content. All produce ⟽. There is no named HTML entity.U+27FD (LONG LEFTWARDS DOUBLE ARROW FROM BAR). Supplemental Arrows-C block. Hex 27FD, decimal 10237. The symbol shows a long leftward double arrow with a vertical bar.⟽ or ⟽) is used in HTML content. The CSS entity (\27FD) is used in CSS, e.g. in the content property of ::before or ::after. Both produce ⟽ but in different contexts.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful