HTML Entity for Right Arrow Vertical Stroke (⇸)
What You'll Learn
How to display the Right Arrow Vertical Stroke (⇸) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21F8 (RIGHTWARDS ARROW WITH VERTICAL STROKE) in the Arrows block (U+2190–U+21FF)—a rightward arrow with a vertical stroke, used for directional navigation, UI design, graphical layouts, and distinctive navigation cues.
Render it with ⇸, ⇸, or CSS \21F8. There is no named HTML entity. Related: U+21F7 (⇷, left arrow vertical stroke), U+219B (↛, right arrow stroke / ↛). Do not confuse ⇸ with plain → or ⤔ (Supplemental Arrows-B).
⚡ Quick Reference — Right Arrow Vertical Stroke
U+21F8Arrows block (U+2190–U+21FF)
⇸Hexadecimal reference
⇸Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21F8
Hex code ⇸
HTML code ⇸
Named entity (none)
CSS code \21F8
Meaning Rightwards arrow with vertical stroke
Related U+21F7 = left arrow vertical stroke (⇷)
U+219B = right arrow stroke (↛, ↛)
U+27F4 = right arrow with circled plus (⟴)
Block Arrows (U+2190–U+21FF)Complete HTML Example
A simple example showing ⇸ using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21F8";
}
</style>
</head>
<body>
<p>Hex: ⇸</p>
<p>Decimal: ⇸</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21F8 renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Right Arrow Vertical Stroke (⇸) in common contexts:
🧠 How It Works
Hexadecimal Code
⇸ uses the Unicode hexadecimal value 21F8. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇸ uses the decimal Unicode value 8696 for the same character.
CSS Entity
\21F8 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All three methods produce ⇸. Unicode U+21F8 in the Arrows block. No named entity—use numeric codes. Previous: Right Arrow To Bar (⇥). Next: Right Arrow With Circled Plus (⟴).
Use Cases
The Right Arrow Vertical Stroke (⇸) is commonly used in:
Menus, breadcrumbs, and wayfinding with a distinctive vertical-stroke arrow.
Buttons, links, and interactive elements with unique directional indicators.
Designs and visual content needing specialized arrow imagery.
Menu bars and interface elements with directional cues.
Web applications and components requiring distinctive arrow symbols.
Pair ⇸ with plain language (e.g. “next” or “go to”) for screen readers.
💡 Best Practices
Do
- Use
⇸or⇸in HTML (no named entity exists) - Use ⇸ when a vertical-stroke arrow fits your navigation or UI design
- Set
<meta charset="utf-8"> - Keep hex or decimal style consistent across your project
- Use CSS
\21F8for decorative arrows in pseudo-elements - Test rendering across browsers and font stacks
Don’t
- Confuse ⇸ (U+21F8) with ⇷ (U+21F7), ⤔ (U+2914), or plain →
- Use padded Unicode notation like U+021F8—the correct value is
U+21F8 - Use CSS escape
\21F8in HTML text nodes - Use padded CSS like
\021F8—prefer\21F8 - Assume all fonts render Arrows block glyphs correctly
Key Takeaways
Three ways to render U+21F8 in HTML and CSS
⇸ ⇸For CSS, use \21F8 in the content property
Unicode U+21F8 — RIGHTWARDS ARROW WITH VERTICAL STROKE (⇸)
No named HTML entity—use numeric hex or decimal references
Previous: Right Arrow To Bar (⇥) Next: Right Arrow With Circled Plus (⟴)
❓ Frequently Asked Questions
⇸ (hex), ⇸ (decimal), or \21F8 in CSS content. There is no named HTML entity. All three render ⇸.U+21F8 (RIGHTWARDS ARROW WITH VERTICAL STROKE). Arrows block (U+2190–U+21FF). Hex 21F8, decimal 8696.⇸, ⇸) go in markup. The CSS escape \21F8 is used in stylesheets, typically on ::before or ::after. Both render ⇸.⇸) or decimal (⇸) references instead.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful