HTML Entity for Right Arrow Vertical Stroke (⇸)

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

What Is Right Arrow Vertical Stroke?

Right arrow vertical stroke (⇸) is Unicode U+21F8 in the Arrows block. Official name: RIGHTWARDS ARROW WITH VERTICAL STROKE — a rightwards arrow with a vertical stroke on the shaft. HTML5 has no named entity for it.

Remember
Character     ⇸
Unicode       U+21F8
Hex entity    ⇸
Decimal       ⇸
CSS escape    \21F8
Named entity  (none)
Not the same  → U+2192 · ↛ U+219B · ⤔ U+2914

Prefer ⇸ or ⇸ in HTML when you need an entity. You can also type ⇸ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⇸HTML markup
Decimal entity⇸HTML markup
Direct character⇸HTML text (UTF-8)
CSS escape\21F8Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML source⇸ or ⇸
Rightwards arrow with vertical stroke⇸ → ⇸
Plain right arrow→ (U+2192) / →
Right arrow with diagonal stroke↛ (U+219B) / ↛
Tail + vertical stroke⤔ (U+2914)
Generated text via ::before / ::aftercontent: "\21F8"
Looking for a named entityDoes not exist — use numeric form

Live Preview

This arrow in common study contexts.

Inline A ⇸ B
Large glyph ⇸
UI / nav cue Continue ⇸
vs. related arrows ⇸ vertical · → plain · ↛ diagonal stroke
With entities Hex: ⇸ | Decimal: ⇸

Complete HTML Example

One page that shows ⇸ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ⇸ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Arrow Vertical Stroke (⇸) in HTML</title>
  <style>
    #point::after {
      content: "\21F8";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21F8;</p>
  <p>Using HTML Code: &#8696;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⇸</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21F8 → &#x21F8; in HTML. The browser turns it into ⇸.

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

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

4. Typed ⇸: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with this arrow (⇸).

Named?

No named entity

HTML5 does not define a named entity for ⇸. Use &#x21F8; or &#8696;.

→

Not a plain right arrow

&rarr; (→) has no vertical stroke. Use U+21F8 only when you need that mark.

⤔

Not tailed vertical stroke

U+2914 adds a tail. U+21F8 is vertical stroke only — different code points.

CSS vs HTML

Do not mix escapes

\21F8 belongs in CSS. &#x21F8; / &#8696; belong in HTML.

Encoding

Declare UTF-8

If you type ⇸ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Browser Support

Right arrow vertical stroke (U+21F8) and its numeric entity forms (&#x21F8;, &#8696;, CSS \\21F8) are supported in all modern browsers.

✓ Universal encoding

Right Arrow Vertical Stroke (&#x21F8;)

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+21F8 Full support

Bottom line: Prefer &#x21F8; or &#8696; in HTML. Use \\21F8 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+21F8 (decimal 8696).
  • HTML: use &#x21F8; or &#8696; — there is no named entity.
  • CSS: use \21F8 inside content for generated text.
  • Watch out: ⇸ ≠ → (&rarr;) ≠ ↛ (&nrarr;) ≠ ⤔.

One line: U+21F8 → &#x21F8; / &#8696; / CSS \21F8 (no named entity).

Frequently Asked Questions

Use &#x21F8; (hex), &#8696; (decimal), type ⇸ in UTF-8, or the CSS escape \21F8 in content. There is no HTML5 named entity for U+21F8.
U+21F8 (hex 21F8, decimal 8696). Unicode names it RIGHTWARDS ARROW WITH VERTICAL STROKE. It belongs to the Arrows block.
No. HTML5 does not define a named entity for this character. Use numeric references like &#8696; or &#x21F8; when you need an entity form.
⇸ (U+21F8) is a rightwards arrow with a vertical stroke on the shaft. → is a plain right arrow. ↛ (&nrarr;) is a rightwards arrow with a diagonal stroke. ⤔ is a rightwards arrow with tail and vertical stroke — a different Supplemental Arrows-B character.
HTML entities (&#8696; or &#x21F8;) go in markup. The CSS escape \21F8 goes in stylesheet strings (usually content on ::before/::after).
Use it for diagrams and UI labels that need a rightwards arrow with a vertical stroke. Prefer a plain right arrow when you do not need the stroke.

Did you know?

Right arrow vertical stroke is Unicode U+21F8 (decimal 8696) in the Arrows block — official name RIGHTWARDS ARROW WITH VERTICAL STROKE. HTML5 has no named entity for it — use &#x21F8; or &#8696;. It is not the same as a plain right arrow (U+2192 →), right arrow with stroke (U+219B ↛), or right arrow tail with vertical stroke (U+2914 ⤔).

Next: Right Arrow With Circled Plus

Learn the HTML entity for rightwards arrow with circled plus — 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