HTML Entity for Long Right Double Arrow From Bar (⟾)
What You'll Learn
How to display the Long Right Double Arrow From Bar (⟾) symbol in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27FE (LONG RIGHTWARDS DOUBLE ARROW FROM BAR) in the Supplemental Arrows-C block.
Render it with ⟾, ⟾, or CSS escape \27FE. There is no named HTML entity. It combines a vertical bar with a long right double arrow and is used for implication from bar, mappings, and technical content. For the long double arrow without a bar, see Long Right Double Arrow (⟹, ⟹).
⚡ Quick Reference — Long Right Double Arrow From Bar
U+27FESupplemental Arrows-C
⟾Hexadecimal reference
⟾Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+27FE
Hex code ⟾
HTML code ⟾
Named entity (none)
CSS code \27FE
Meaning Long rightwards double arrow from bar
Related U+27F9 = ⟹ (long right double arrow)
Block Supplemental Arrows-CComplete HTML Example
A simple example showing the Long Right Double Arrow From Bar (⟾) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27FE";
}
</style>
</head>
<body>
<p>Symbol (hex): ⟾</p>
<p>Symbol (decimal): ⟾</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Long Right Double Arrow From Bar (⟾) is supported in modern browsers when the font includes Supplemental Arrows glyphs:
👀 Live Preview
See the Long Right Double Arrow From Bar (⟾) in math and diagram contexts:
🧠 How It Works
Hexadecimal Code
⟾ uses the Unicode hexadecimal value 27FE to display the long double arrow from bar.
Decimal HTML Code
⟾ uses the decimal Unicode value 10238 to display the same character.
CSS Entity
\27FE is used in CSS stylesheets, particularly in the content property of pseudo-elements.
Same visual result
All three methods produce the glyph: ⟾. Unicode U+27FE is in Supplemental Arrows-C. There is no named HTML entity. Previous: Long Right Double Arrow.
Use Cases
The Long Right Double Arrow From Bar (⟾) is commonly used in:
Implication from bar, mappings, and “to” notation with double-arrow emphasis.
Strong rightward flow with a bar to indicate a specific relation type.
Indicate “maps to” or strong implication in specs and API docs.
Represent implication or “if” with bar styling.
Distinct “forward” indicator combining double arrows and bar styling.
Explain functions, mappings, or implications in textbooks and tutorials.
💡 Best Practices
Do
- Use numeric references (
⟾or⟾) in HTML for portability - Use
\27FEin CSScontentwhen inserting via pseudo-elements - Clarify meaning in math or logic (e.g. “maps to,” “implies”)
- Pair the symbol with text or ARIA labels for accessibility
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⟾ with ⟹ (Long Right Double Arrow) or ⟼ (Long Right Arrow From Bar)
- Put CSS escape
\27FEin 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
\27FEUnicode U+27FE — LONG RIGHTWARDS DOUBLE ARROW FROM BAR
Differs from ⟹ (long double) and ⟼ (long single from bar)
Previous: Long Right Double Arrow Next: Long Right Squiggle Arrow
❓ Frequently Asked Questions
⟾ (hex), ⟾ (decimal), or \27FE in CSS content. All produce ⟾. There is no named HTML entity.U+27FE (LONG RIGHTWARDS DOUBLE ARROW FROM BAR). Supplemental Arrows-C block. Hex 27FE, decimal 10238. The symbol shows a long rightward double arrow from a vertical bar.⟾ or ⟾) is used in HTML content. The CSS entity (\27FE) 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