HTML Entity for Left Arrow Double Vertical Stroke (⇺)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+21FA

What Is the Left Arrow Double Vertical Stroke Entity?

Left Arrow Double Vertical Stroke (⇺) is the Arrows character at Unicode U+21FA (LEFTWARDS ARROW WITH DOUBLE VERTICAL STROKE). It is often used for rewind-style controls and skip-back UI.

Remember
Character     ⇺
Unicode       U+21FA
Hex entity    ⇺
Decimal       ⇺
CSS escape    \21FA
Named entity  (none)
Not the same  ← (plain ←)

All of these produce the same glyph: ⇺ (when the font supports U+21FA). Prefer numeric entities in HTML; use CSS \21FA only in content.

Quick Reference

One table for every form you will actually use.

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

When to Use Which

SituationUse
Need an entity in HTML source⇺ or ⇺
Generated text via ::before / ::aftercontent: "\21FA"
UTF-8 page, typing is easyType ⇺ directly
Plain left arrowUse ← (U+2190)
AccessibilityAdd nearby text or aria-label (e.g. “Rewind”)

Live Preview

Left Arrow Double Vertical Stroke in media-control contexts.

Rewind link ⇺ Rewind
Large glyph ⇺
vs plain / right ⇺  |  ←  |  ⇻
Both ways ⇺ Rewind  |  Fast-forward ⇻
With entities Hex: ⇺ | Decimal: ⇺

Complete HTML Example

One page that shows this arrow with hex, decimal, CSS, 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>Left Arrow Double Vertical Stroke (⇺) in HTML</title>
  <style>
    #point::after {
      content: "\21FA";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21FA;</p>
  <p>Using HTML Code: &#8698;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⇺</p>
  <p><a href="#"><span aria-label="Rewind">&#x21FA;</span> Rewind</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21FA → &#x21FA; in HTML. The browser turns it into ⇺.

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

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

4. Typed: in UTF-8 you can type ⇺ directly — same visual result when the font supports it.

Pitfalls & Tips

Common mistakes when working with Left Arrow Double Vertical Stroke.

Named?

No named entity

HTML5 does not define a named entity for U+21FA. Use numeric forms.

Look-alikes

Not plain ←

&larr; (U+2190) has no double vertical stroke. Use U+21FA when you need the rewind-style form.

Direction

Not U+21FB

U+21FB is the rightwards arrow with double vertical stroke — a different character.

A11y

Say “Rewind”

Add “Rewind” nearby or use aria-label so the control is clear to assistive tech.

CSS vs HTML

Do not mix escapes

\21FA belongs in CSS. &#x21FA; / &#8698; belong in HTML.

Semicolon

End references

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

Browser Support

Left Arrow Double Vertical Stroke (U+21FA) and its numeric entity forms (&#x21FA;, &#8698;, CSS \\21FA) are supported in all mainstream browsers when the font includes the Arrows block.

✓ Universal support

Left Arrow Double Vertical Stroke (&#x21FA;)

Encode with hex, decimal, or CSS escape — same character when the font supports U+21FA.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+21FA / entities Full support

Bottom line: Prefer &#x21FA; or &#8698; in HTML. Use \\21FA only inside CSS content. Pair with visible text for accessibility.

Key Takeaways

  • Unicode: this arrow is U+21FA (decimal 8698).
  • HTML: use &#x21FA; or &#8698; — no named entity.
  • CSS: use \21FA inside content for generated text.
  • A11y: pair ⇺ with words like “Rewind”.

One line: U+21FA → &#x21FA; / &#8698; / CSS \21FA.

Frequently Asked Questions

Use &#x21FA; (hex), &#8698; (decimal), or the CSS escape \21FA in the content property. All render ⇺ when the font supports the Arrows block. There is no named HTML entity.
U+21FA (LEFTWARDS ARROW WITH DOUBLE VERTICAL STROKE). Hex 21FA, decimal 8698. It belongs to the Arrows block.
No. HTML5 does not define a named entity for U+21FA. Use numeric references like &#x21FA; or &#8698; when you need an entity form.
Use it for rewind-style navigation, undo/back-skip controls, and technical diagrams that need a leftwards arrow with a double vertical stroke. Prefer numeric entities when encoding must be explicit.
HTML entities (&#8698; or &#x21FA;) go in markup. The CSS escape \21FA is used in stylesheets (usually in the content property of ::before/::after). Both render ⇺.
← (U+2190, &larr;) is a plain leftwards arrow. U+21FB (⇻) is the rightwards arrow with double vertical stroke. U+21FA is specifically leftwards with the double stroke.

Did you know?

Left Arrow Double Vertical Stroke is Unicode U+21FA (decimal 8698) — LEFTWARDS ARROW WITH DOUBLE VERTICAL STROKE. HTML5 has no named entity — use &#x21FA; or &#8698;. Often used for rewind-style UI. Do not confuse it with plain &larr; (U+2190) or the rightwards form (U+21FB).

Next: Left Arrow Headless Double Tail

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

Next 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