HTML Entity for Left Right Arrow Vertical Stroke (⇹)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21F9

What Is the Left Right Arrow Vertical Stroke Entity?

Left Right Arrow Vertical Stroke (⇹) is the Arrows-block character at Unicode U+21F9 (LEFT RIGHT ARROW WITH VERTICAL STROKE). A bidirectional arrow is crossed by a single vertical stroke.

Remember
Character     ⇹
Unicode       U+21F9
Hex entity    ⇹
Decimal       ⇹
Named entity  (none in HTML5)
CSS escape    \21F9
Not the same  ↔ (↔) · ↮ (↮) · ⇼

All of these produce the same glyph: ⇹. Prefer ⇹ (or ⇹) when you need an entity — there is no named form.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⇹HTML markup (best default)
Decimal entity⇹HTML markup
CSS escape\21F9Stylesheet content
Direct character⇹UTF-8 HTML text
Named entityNoneUse numeric forms instead

When to Use Which

SituationUse
Normal page text (UTF-8)Type ⇹ directly
Need an explicit entity⇹ or ⇹
Generated text via ::before / ::aftercontent: "\21F9"
Plain left-right arrowUse ↔ (U+2194)
Double vertical stroke formUse U+21FC

Live Preview

Left Right Arrow Vertical Stroke in common math contexts.

Relation snippet A ⇹ B
Large glyph ⇹
vs ↔ / U+21FC ⇹  |  ↔  |  ⇼
With entities Hex: ⇹ | Decimal: ⇹

Complete HTML Example

One page that shows this symbol with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

All three ways to produce ⇹ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Left Right Arrow Vertical Stroke (⇹)</title>
  <style>
    #point::after {
      content: "\21F9";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21F9;</p>
  <p>Using HTML Code: &#8697;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>A &#x21F9; B</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21F9 → &#x21F9; in HTML. The browser turns it into ⇹.

2. Decimal: same code point as 8697 → &#8697;. Same result as hex.

3. CSS: use \21F9 in content (not an HTML entity). #point::after appends that ⇹ after the paragraph text.

4. No named entity: HTML5 does not define &…; for this character — stick to numeric forms.

Pitfalls & Tips

Common mistakes when working with Left Right Arrow Vertical Stroke.

Look-alikes

⇹ ≠ ↔ ≠ ⇼

Single vertical stroke, plain &harr;, and double vertical stroke (U+21FC) are different Unicode points.

Named

No named entity

Guessing names will not produce U+21F9. Use &#x21F9; or &#8697;.

Fonts

Glyph may be missing

Arrows-block coverage varies for rarer forms. Test on your target devices or provide a fallback font.

CSS vs HTML

Do not mix escapes

\21F9 belongs in CSS. &#x21F9; / &#8697; belong in HTML.

A11y

Add nearby words

Pair the glyph with equation text or use aria-label when it stands alone.

Semicolon

End references

Always finish with ; — write &#x21F9;, not &#x21F9.

Browser Support

Left Right Arrow Vertical Stroke (U+21F9) and its entity forms (&#x21F9;, &#8697;, CSS \\21F9) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Left Right Arrow Vertical Stroke (&#x21F9;)

Encode with hex, decimal, or CSS escape — or type ⇹ directly in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+21F9 Full support

Bottom line: Prefer &#x21F9; (or &#8697;) in HTML. Use \\21F9 only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: this symbol is U+21F9 (decimal 8697).
  • HTML: use &#x21F9; or &#8697; — no named entity.
  • CSS: use \21F9 inside content for generated text.
  • Watch out: ⇹ ≠ &harr; ≠ ⇼.

One line: U+21F9 → &#x21F9; / &#8697; / CSS \21F9.

Frequently Asked Questions

Use &#x21F9; (hex), &#8697; (decimal), or the CSS escape \21F9 in the content property. All render ⇹ when the font supports the Arrows block. There is no named HTML entity.
U+21F9 (LEFT RIGHT ARROW WITH VERTICAL STROKE). Hex 21F9, decimal 8697. It belongs to the Arrows block (U+2190–U+21FF).
No. HTML5 does not define a named entity for U+21F9. Use numeric references like &#x21F9; or &#8697;.
Use it in math, logic, and diagrams when you need a left-right arrow crossed by a single vertical stroke. Prefer numeric entities when encoding must be explicit.
HTML entities (&#8697; or &#x21F9;) go in markup. The CSS escape \21F9 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇹.
&harr; (U+2194) is plain. &nharr; (U+21AE) is a left-right arrow with a diagonal stroke. U+21FC has a double vertical stroke. U+21F9 has a single vertical stroke.

Did you know?

Left Right Arrow Vertical Stroke is Unicode U+21F9 (decimal 8697) — LEFT RIGHT ARROW WITH VERTICAL STROKE. HTML5 has no named entity — use &#x21F9; or &#8697;. Do not confuse it with a plain &harr; (U+2194), the stroked form &nharr; (U+21AE), or the double-vertical-stroke form (U+21FC).

Next: Left Right Double Arrow

Learn the HTML entity for Left Right Double Arrow — next in this sequence.

Continue tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful