HTML Entity for Left Right Arrow Vertical Stroke (⇹)
What You'll Learn
How to display the Left Right Arrow Vertical Stroke (⇹) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21F9 (LEFT RIGHT ARROW WITH VERTICAL STROKE) in the Arrows block (U+2190–U+21FF)—a bidirectional arrow with a vertical stroke, commonly used in mathematical notation, logic, and diagrams.
Render it with ⇹, ⇹, or CSS escape \21F9. There is no named HTML entity. Do not confuse ⇹ with U+2194 (↔, simple left right arrow / ↔) or U+21FC (⇼, double vertical stroke).
⚡ Quick Reference — Left Right Arrow Vertical Stroke
U+21F9Arrows block
⇹Hexadecimal reference
⇹Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21F9
Hex code ⇹
HTML code ⇹
Named entity (none)
CSS code \21F9
Meaning Left right arrow with vertical stroke
Related U+2194 = left right arrow (↔)
U+21FC = double vertical stroke (⇼)Complete HTML Example
A simple example showing the Left Right Arrow Vertical Stroke (⇹) 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: "\21F9";
}
</style>
</head>
<body>
<p>Arrow (hex): ⇹</p>
<p>Arrow (decimal): ⇹</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The Left Right Arrow Vertical Stroke (⇹) is universally supported in all modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left Right Arrow Vertical Stroke (⇹) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⇹ uses the Unicode hexadecimal value 21F9 for the left right arrow with vertical stroke. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇹ uses the decimal Unicode value 8697 to display the same character.
CSS Entity
\21F9 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All three methods produce ⇹. Unicode U+21F9 is in the Arrows block. Previous: Left Right Arrow Through Small Circle.
Use Cases
The Left Right Arrow Vertical Stroke (⇹) is commonly used in:
Represent bidirectional relations with a vertical stroke in equations.
Denote symmetric or reversible relations in logic and proof notation.
Show two-way flow or equivalence between nodes with a distinct arrow style.
Indicate bidirectional mapping or relation in specs and manuals.
Use in papers and textbooks for specialized arrow notation with vertical stroke.
Display in web-based math editors and equation renderers that support this symbol.
💡 Best Practices
Do
- Use
⇹or⇹in HTML—no named entity exists - Add
aria-labelor surrounding text for accessibility - Verify your font supports the Arrows block (U+21F9)
- Keep one numeric style (hex or decimal) per project
- Provide context when the symbol denotes a bidirectional relation with emphasis
Don’t
- Expect a named HTML entity for U+21F9
- Use CSS
\21F9inside HTML text nodes - Confuse ⇹ (vertical stroke) with ↔ (simple left right arrow)
- Assume all fonts render the vertical stroke identically
- Mix entity styles randomly in one file
Key Takeaways
Two HTML numeric references plus CSS for U+21F9
⇹ ⇹For CSS, use \21F9 in the content property
Unicode U+21F9 — LEFT RIGHT ARROW WITH VERTICAL STROKE
Arrows block (U+2190–U+21FF) — no named entity
Previous: Left Right Arrow Through Small Circle Next: Left Right Double Arrow
❓ Frequently Asked Questions
⇹ (hex), ⇹ (decimal), or \21F9 in CSS content. There is no named entity. All three methods render ⇹ correctly.U+21F9 (LEFT RIGHT ARROW WITH VERTICAL STROKE). Arrows block (U+2190–U+21FF). Hex 21F9, decimal 8697. Used for bidirectional arrows with a vertical stroke in notation.⇹ or ⇹) go in markup. The CSS escape \21F9 is used in stylesheets, typically on ::before or ::after. Both produce ⇹.⇹) or decimal (⇹) in HTML, or \21F9 in CSS content.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful