HTML Entity for Long Right Arrow From Bar (⟼)
What You'll Learn
How to display the Long Right Arrow From Bar (⟼) symbol in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+27FC (LONG RIGHTWARDS ARROW FROM BAR) in the Supplemental Arrows-C block.
Render it with ⟼, ⟼, ⟼, or CSS escape \27FC. It combines a vertical bar with a long right arrow and is often used for “maps to” in math and technical content. For the long right arrow without a bar, see Long Right Arrow (⟶, ⟶).
⚡ Quick Reference — Long Right Arrow From Bar
U+27FCSupplemental Arrows-C
⟼Hexadecimal reference
⟼Decimal reference
⟼Most readable option
Name Value
──────────── ──────────
Unicode U+27FC
Hex code ⟼
HTML code ⟼
Named entity ⟼
CSS code \27FC
Meaning Long rightwards arrow from bar
Related U+27F6 = ⟶ (⟶)
Block Supplemental Arrows-CComplete HTML Example
A simple example showing the Long Right Arrow From Bar (⟼) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27FC";
}
</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 Right Arrow From Bar (⟼) is supported in modern browsers when the font includes Supplemental Arrows glyphs:
👀 Live Preview
See the Long Right Arrow From Bar (⟼) in math and diagram contexts:
🧠 How It Works
Hexadecimal Code
⟼ uses the Unicode hexadecimal value 27FC to display the arrow from bar.
Decimal HTML Code
⟼ uses the decimal Unicode value 10236 to display the same character.
Named Entity
⟼ is the semantic named entity for ⟼—readable for “maps to” notation in source HTML.
CSS Entity
\27FC is used in CSS stylesheets, particularly in the content property of pseudo-elements.
Same visual result
All four methods produce the glyph: ⟼. Unicode U+27FC is in Supplemental Arrows-C. Previous: Long Right Arrow.
Use Cases
The Long Right Arrow From Bar (⟼) is commonly used in:
“Maps to” notation and function definitions (e.g. x ⟼ f(x)).
Diagrams showing mapping or assignment from a bar to the right.
Indicate “maps to” or assignment in API docs and specifications.
Represent mappings or relations in logic and set theory.
Distinct mapping or “assign to” indicator with bar styling.
Explain functions, mappings, or assignments in textbooks and tutorials.
💡 Best Practices
Do
- Use
⟼for readable “maps to” markup - Clarify meaning in math (e.g. “maps to,” “function definition”)
- Pair the symbol with text or ARIA labels for accessibility
- Use fonts that support Supplemental Arrows for consistent rendering
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
⟼(⟼) with⟶(⟶) or ⟻ (long left from bar) - Put CSS escape
\27FCin HTML text nodes - Assume every font renders supplemental arrows identically—test on mobile
- Rely on the arrow glyph alone for screen reader users
- Use ⟼ for simple forward navigation when ⟶ is sufficient
Key Takeaways
Four HTML/CSS references all render ⟼
⟼ ⟼ ⟼For CSS stylesheets, use the escape in the content property
\27FCUnicode U+27FC — LONG RIGHTWARDS ARROW FROM BAR
Prefer ⟼ for maps-to; long right arrow is ⟶
Previous: Long Right Arrow Next: Long Right Double Arrow
❓ Frequently Asked Questions
⟼ (hex), ⟼ (decimal), ⟼ (named), or \27FC in CSS content. All produce ⟼.U+27FC (LONG RIGHTWARDS ARROW FROM BAR). Supplemental Arrows-C block. Hex 27FC, decimal 10236. Named entity: ⟼.⟼ is the named HTML entity for ⟼. It is part of the HTML5 named character set and the most readable option for maps-to notation.⟶) is the long rightwards arrow without a bar. ⟻ is the long leftwards arrow from bar (no named entity). ⟼ (⟼) is the long rightwards arrow from bar.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, and more.
About the author
8 people found this page helpful