HTML Entity for Left Right Arrow Stroke (↮)
What You'll Learn
How to display the Left Right Arrow Stroke (↮) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21AE (LEFT RIGHT ARROW WITH STROKE) in the Arrows block (U+2190–U+21FF)—a left-right arrow with a vertical stroke through it, often used to mean negation or exclusion in logic and set theory.
Render it with ↮ (named), ↮, ↮, or CSS \21AE. Do not confuse ↮ with U+2194 (↔, simple left right arrow / ↔) or U+21FC (⇼, double vertical stroke).
⚡ Quick Reference — Left Right Arrow Stroke
U+21AEArrows block
↮Hexadecimal reference
↮Decimal reference
↮Most readable option
Name Value
──────────── ──────────
Unicode U+21AE
Hex code ↮
HTML code ↮
Named entity ↮
CSS code \21AE
Meaning Left right arrow with stroke (negation)
Related U+2194 = left right arrow (↔)
U+21FC = double vertical stroke (⇼)Complete HTML Example
A simple example showing the Left Right Arrow Stroke (↮) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21AE";
}
</style>
</head>
<body>
<p>Arrow (hex): ↮</p>
<p>Arrow (decimal): ↮</p>
<p>Arrow (named): ↮</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The Left Right Arrow Stroke (↮) is universally supported in all modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left Right Arrow Stroke (↮) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
↮ uses the Unicode hexadecimal value 21AE for the left right arrow with stroke. The x prefix indicates hexadecimal format.
Decimal HTML Code
↮ uses the decimal Unicode value 8622 to display the same character.
Named Entity
↮ is the semantic named entity — the easiest to read in source HTML and the most self-descriptive option.
CSS Entity
\21AE is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ↮. Unicode U+21AE is in the Arrows block. Previous: Left Right Arrow Double Vertical Stroke.
Use Cases
The Left Right Arrow Stroke (↮) is commonly used in:
Indicate that a bidirectional relation does not hold (e.g. A ↮ B).
Denote exclusion or “not equivalent” in formal notation.
Show that two items are not bidirectionally linked or mapped.
Display “no two-way connection” or disabled bidirectional actions.
Use in papers for logical or relational “not both ways” notation.
Mark edges or relations that are explicitly not bidirectional.
💡 Best Practices
Do
- Use
↮for readable source markup - Add
aria-labelor surrounding text for accessibility - Verify your font supports the Arrows block (U+21AE)
- Keep one entity style per project for consistency
- Provide context when the symbol denotes negation or exclusion
Don’t
- Confuse ↮ (stroked) with ↔ (simple left right arrow)
- Use CSS
\21AEinside HTML text nodes - Assume all fonts render the vertical stroke identically
- Mix entity styles randomly in one file
- Use the symbol without explaining its negation meaning on first use
Key Takeaways
Three HTML references plus CSS all render ↮
↮ ↮ ↮For CSS, use \21AE in the content property
Unicode U+21AE — LEFT RIGHT ARROW WITH STROKE
Prefer ↮ for readability—it’s the named HTML entity
❓ Frequently Asked Questions
↮ (hex), ↮ (decimal), ↮ (named), or \21AE in CSS content. All four methods render ↮ correctly.U+21AE (LEFT RIGHT ARROW WITH STROKE). Arrows block (U+2190–U+21FF). Hex 21AE, decimal 8622. Used for a left-right arrow with a vertical stroke, often meaning negation or exclusion.↮, ↮, or ↮) go in markup. The CSS escape \21AE is used in stylesheets, typically on ::before or ::after. Both produce ↮.↮ is the named HTML entity for U+21AE. You can also use ↮ (decimal) or ↮ (hex) and \21AE in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful