HTML Entity for Left Arrow Vertical Stroke (⇷)
What You'll Learn
How to display the Left Arrow Vertical Stroke (⇷) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21F7 (LEFTWARDS ARROW WITH VERTICAL STROKE) in the Arrows block (U+2190–U+21FF)—a leftwards arrow with a vertical stroke, used in logical operations, diagrams, and UI elements.
Render it with ⇷, ⇷, or CSS \21F7. There is no named HTML entity. Related: U+21F8 (⇸, right arrow with vertical stroke), U+219A (↚, left arrow with stroke / ↚).
⚡ Quick Reference — Left Arrow Vertical Stroke
U+21F7Arrows block
⇷Hexadecimal reference
⇷Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21F7
Hex code ⇷
HTML code ⇷
Named entity (none)
CSS code \21F7
Meaning Leftwards arrow with vertical stroke
Related U+21F8 = right arrow vertical stroke (⇸)
U+219A = left arrow stroke (↚)Complete HTML Example
A simple example showing the Left 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: "\21F7";
}
</style>
</head>
<body>
<p>Symbol using Hexadecimal: ⇷</p>
<p>Symbol using HTML Code: ⇷</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Left Arrow Vertical Stroke (⇷) renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left Arrow Vertical Stroke (⇷) in logic and UI contexts:
🧠 How It Works
Hexadecimal Code
⇷ uses the Unicode hexadecimal value 21F7 to display the left arrow with vertical stroke. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇷ uses the decimal Unicode value 8695 to display the same character.
CSS Entity
\21F7 is used in CSS stylesheets in the content property of pseudo-elements like ::after for logic and diagram notation.
Same visual result
All three methods produce ⇷. Unicode U+21F7 is in the Arrows block. Next: Left Arrowhead Below.
Use Cases
The Left Arrow Vertical Stroke (⇷) is commonly used in:
Logic notation, proofs, or formal documentation that uses this arrow.
Indicate direction with vertical-stroke modifier in process and state diagrams.
Back or left-direction controls with distinct vertical-stroke style in toolbars.
Specifications, flow, or notation that uses this composite arrow.
Show shortcut hints where a left-arrow-vertical-stroke symbol is required.
Unique left-arrow variant in app navigation or diagram tools.
💡 Best Practices
Do
- Pair ⇷ with text or
aria-label(e.g., “back” or “left”) for accessibility - Use
⇷or⇷in HTML—no named entity exists - Use fonts that support the Arrows block (U+21F7)
- Set
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Distinguish ⇷ from ↚ when vertical-stroke meaning matters
Don’t
- Expect a named HTML entity for U+21F7
- Use CSS
\21F7inside HTML text nodes - Confuse ⇷ with ⇸ (right arrow with vertical stroke)
- Confuse ⇷ with ↚ (horizontal stroke /
↚) - Rely on the symbol alone without context in critical UI
Key Takeaways
Two HTML numeric references plus CSS for U+21F7
⇷ ⇷For CSS, use \21F7 in the content property
Unicode U+21F7 — LEFTWARDS ARROW WITH VERTICAL STROKE
Arrows block (U+2190–U+21FF) — no named entity
Previous: Left Arrow To Bar (⇤) Next: Left Arrowhead Below
❓ Frequently Asked Questions
⇷ (hex), ⇷ (decimal), or \21F7 in CSS content. There is no named entity. All three methods render ⇷ correctly.U+21F7 (LEFTWARDS ARROW WITH VERTICAL STROKE). Arrows block (U+2190–U+21FF). Hex 21F7, decimal 8695. A leftwards arrow with vertical stroke.⇷ or ⇷) go in markup. The CSS escape \21F7 is used in stylesheets, typically on ::before or ::after. Both produce ⇷.⇷) or decimal (⇷) codes. That is standard for such symbols in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful