HTML Entity for Long Left Arrow Bar (⟻)
What You'll Learn
How to display the Long Left Arrow Bar (⟻) symbol in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27FB (LONG LEFTWARDS ARROW FROM BAR) in the Supplemental Arrows-C block.
Render it with ⟻, ⟻, or CSS escape \27FB. There is no named HTML entity. It combines a long left arrow with a vertical bar and is used in math notation, logic, and directional content. For the long arrow without a bar, see Long Left Arrow (⟵).
⚡ Quick Reference — Long Left Arrow Bar
U+27FBSupplemental Arrows-C
⟻Hexadecimal reference
⟻Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+27FB
Hex code ⟻
HTML code ⟻
Named entity (none)
CSS code \27FB
Meaning Long leftwards arrow from bar
Related U+27F5 = ⟵ (long left arrow)
Block Supplemental Arrows-CComplete HTML Example
A simple example showing the Long Left Arrow Bar (⟻) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27FB";
}
</style>
</head>
<body>
<p>Symbol (hex): ⟻</p>
<p>Symbol (decimal): ⟻</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Long Left Arrow Bar (⟻) is supported in modern browsers when the font includes Supplemental Arrows glyphs:
👀 Live Preview
See the Long Left Arrow Bar (⟻) in math and diagram contexts:
🧠 How It Works
Hexadecimal Code
⟻ uses the Unicode hexadecimal value 27FB to display the arrow with bar.
Decimal HTML Code
⟻ uses the decimal Unicode value 10235 to display the same character.
CSS Entity
\27FB is used in CSS stylesheets, particularly in the content property of pseudo-elements.
Same visual result
All three methods produce the glyph: ⟻. Unicode U+27FB is in Supplemental Arrows-C. There is no named HTML entity. Previous: Long Left Arrow.
Use Cases
The Long Left Arrow Bar (⟻) is commonly used in:
Limits, maps, and “from” notation (e.g. domain ⟻ codomain).
Diagrams showing direction with a bar to indicate a specific flow type.
Indicate “maps to” or “from” in API docs and specifications.
Represent mappings or relations in logic and set theory.
Distinct “back” or “previous” indicator with bar styling.
Explain functions, limits, or mappings in textbooks and tutorials.
💡 Best Practices
Do
- Use numeric references (
⟻or⟻) in HTML for portability - Use
\27FBin CSScontentwhen inserting via pseudo-elements - Clarify meaning in math or logic (e.g. “maps from,” “limit from left”)
- 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 Arrow) or ↤ (Left Arrow Bar)
- Put CSS escape
\27FBin 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
\27FBUnicode U+27FB — LONG LEFTWARDS ARROW FROM BAR
Differs from ⟵ (long arrow) and ↤ (short arrow from bar)
Previous: Long Left Arrow Next: Long Left Double Arrow
❓ Frequently Asked Questions
⟻ (hex), ⟻ (decimal), or \27FB in CSS content. All produce ⟻. There is no named HTML entity.U+27FB (LONG LEFTWARDS ARROW FROM BAR). Supplemental Arrows-C block. Hex 27FB, decimal 10235. The symbol shows a long leftward arrow with a vertical bar.⟻ or ⟻) is used in HTML content. The CSS entity (\27FB) 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