HTML Entity for Right Arrow To Bar (⇥)
What You'll Learn
How to display the Right Arrow To Bar (⇥) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21E5 (RIGHTWARDS ARROW TO BAR) in the Arrows block (U+2190–U+21FF)—a rightwards arrow to a vertical bar, commonly used for tab key notation, navigation toward a bar, and UI controls.
Render it with ⇥ (named), ⇥, ⇥, or CSS \21E5. Related: U+21E4 (⇤, left arrow to bar / ⇤), U+2192 (→, simple right arrow / →). Do not confuse ⇥ with the tab character itself.
⚡ Quick Reference — Right Arrow To Bar
U+21E5Arrows block (U+2190–U+21FF)
⇥Hexadecimal reference
⇥Decimal reference
⇥Most readable option
Name Value
──────────── ──────────
Unicode U+21E5
Hex code ⇥
HTML code ⇥
Named entity ⇥
CSS code \21E5
Meaning Rightwards arrow to bar (tab / forward-to-bar)
Related U+21E4 = left arrow to bar (⇤, ⇤)
U+2192 = right arrow (→, →)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ⇥ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21E5";
}
</style>
</head>
<body>
<p>Hex: ⇥</p>
<p>Decimal: ⇥</p>
<p>Named: ⇥</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21E5 renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right Arrow To Bar (⇥) in tab and navigation contexts:
🧠 How It Works
Named HTML Entity
⇥ is the named entity for the Right Arrow To Bar (rightwards arrow to bar). It is easy to read in tab and navigation markup.
Hexadecimal Code
⇥ uses the Unicode hexadecimal value 21E5. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇥ uses the decimal Unicode value 8677 for the same symbol.
CSS Entity
\21E5 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⇥. Unicode U+21E5 in the Arrows block. Previous: Right Arrow Through X (⥇). Next: Right Arrow Vertical Stroke (⇸).
Use Cases
The Right Arrow To Bar (⇥) is commonly used in:
Tab key notation, forward-tab, and indent controls in keyboard help.
Menus and breadcrumbs indicating direction toward a bar or tab element.
Buttons, links, and interactive elements with bar-termination arrows.
Shortcut documentation and help menus showing tab or navigation keys.
Applications and tabbed interfaces needing bar navigation indicators.
Pair ⇥ with plain language (e.g. “tab” or “next field”) for screen readers.
💡 Best Practices
Do
- Prefer
⇥for readable tab and navigation markup - Use
⇥or⇥when named entities are unavailable - Set
<meta charset="utf-8"> - Keep entity style consistent across your project
- Use CSS
\21E5for decorative arrows in pseudo-elements - Test rendering across browsers and font stacks
Don’t
- Confuse ⇥ (U+21E5) with ⇤ (U+21E4) or plain →
- Use padded Unicode notation like U+021E5—the correct value is
U+21E5 - Use CSS escape
\21E5in HTML text nodes - Use padded CSS like
\021E5—prefer\21E5 - Substitute the actual tab character when the visible arrow symbol ⇥ is intended
Key Takeaways
Four ways to render U+21E5 in HTML and CSS
⇥ ⇥For CSS, use \21E5 in the content property
Unicode U+21E5 — RIGHTWARDS ARROW TO BAR (⇥)
Named entity ⇥ is the most readable option
Previous: Right Arrow Through X (⥇) Next: Right Arrow Vertical Stroke (⇸)
❓ Frequently Asked Questions
⇥ (named), ⇥ (hex), ⇥ (decimal), or \21E5 in CSS content. All four render ⇥.U+21E5 (RIGHTWARDS ARROW TO BAR). Arrows block (U+2190–U+21FF). Hex 21E5, decimal 8677.⇥ is more readable and easier to remember. Numeric codes (⇥, ⇥) work everywhere. Both render ⇥.⇥, ⇥, ⇥) go in markup. The CSS escape \21E5 is used in stylesheets on ::before or ::after. Both render ⇥.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful