HTML Entity for Left Arrow Vertical Stroke (⇷)

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

What Is the Left Arrow Vertical Stroke Entity?

Left Arrow Vertical Stroke (⇷) is the Arrows character at Unicode U+21F7 (LEFTWARDS ARROW WITH VERTICAL STROKE). It is a leftwards arrow with a single vertical stroke — often used for skip-back style UI and diagrams.

Remember
Character     ⇷
Unicode       U+21F7
Hex entity    ⇷
Decimal       ⇷
Named entity  (none)
CSS escape    \21F7
Not the same  ⇸ (right) · ⇺ (double stroke)

All of these produce the same glyph: ⇷ (when the font supports U+21F7). Prefer numeric entities in HTML; use CSS \21F7 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\21F7Stylesheet 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: "\21F7"
UTF-8 page, typing is easyType ⇷ directly
Rightwards vertical strokeUse U+21F8 (⇸)
Double vertical strokeUse U+21FA (⇺)

Live Preview

Left Arrow Vertical Stroke in media-control contexts.

Skip back ⇷ Skip back
Large glyph ⇷
vs right / double ⇷  |  ⇸  |  ⇺
Both ways ⇷ Back  |  Forward ⇸
With entities Hex: ⇷ | Decimal: ⇷

Complete HTML Example

One page that shows Left Arrow Vertical Stroke 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 (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Left Arrow Vertical Stroke (⇷) in HTML</title>
  <style>
    #point::after {
      content: "\21F7";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21F7;</p>
  <p>Using HTML Code: &#8695;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⇷</p>
  <p><a href="#"><span aria-label="Skip back">&#x21F7;</span> Skip back</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21F7 → &#x21F7; in HTML. The browser turns it into ⇷.

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

3. CSS: use \21F7 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 Vertical Stroke.

Named?

No named entity

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

Strokes

Single ≠ double

U+21F7 has one vertical stroke. U+21FA (⇺) has a double stroke — a different code point.

Direction

Left vs right

Rightwards with vertical stroke is U+21F8 (⇸).

A11y

Label the action

Pair ⇷ with words like “Skip back”, or use aria-label.

CSS vs HTML

Do not mix escapes

\21F7 belongs in CSS. &#x21F7; / &#8695; belong in HTML.

Fonts

Arrows coverage

Most modern UI fonts include U+21F7. If a glyph is missing, try Segoe UI Symbol or Noto Sans Symbols.

Browser Support

Left Arrow Vertical Stroke (U+21F7) and its entity forms (&#x21F7;, &#8695;, CSS \\21F7) are supported in modern browsers when the font includes the Arrows block.

✓ Universal support

Left Arrow Vertical Stroke (&#x21F7;)

Encode with hex, decimal, or CSS escape — same character when the font supports U+21F7. No named HTML entity.

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

Bottom line: Use &#x21F7; or &#8695; in HTML. Use \\21F7 only inside CSS content. Do not confuse with U+21F8 or U+21FA.

Key Takeaways

  • Unicode: this symbol is U+21F7 (decimal 8695).
  • HTML: use &#x21F7; or &#8695; — no named entity.
  • CSS: use \21F7 inside content for generated text.
  • Watch out: ⇷ ≠ ⇸ (right) ≠ ⇺ (double stroke).

One line: U+21F7 → &#x21F7; / &#8695; / CSS \21F7 (no named entity).

Frequently Asked Questions

Use &#x21F7; (hex), &#8695; (decimal), or the CSS escape \21F7 in the content property. All render ⇷ when the font supports the Arrows block. There is no named HTML entity.
U+21F7 (LEFTWARDS ARROW WITH VERTICAL STROKE). Hex 21F7, decimal 8695. It belongs to the Arrows block (U+2190–U+21FF).
No. HTML5 does not define a named entity for U+21F7. Use numeric references like &#x21F7; or &#8695;.
Use it for skip-back style navigation, logic diagrams, and UI that needs a leftwards arrow with a single vertical stroke. Prefer numeric entities when encoding must be explicit.
HTML entities (&#8695; or &#x21F7;) go in markup. The CSS escape \21F7 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇷.
U+21F8 (⇸) is the rightwards arrow with vertical stroke. U+21FA (⇺) is the leftwards arrow with double vertical stroke. U+21F7 is leftwards with a single vertical stroke.

Did you know?

Left Arrow Vertical Stroke is Unicode U+21F7 (decimal 8695) — LEFTWARDS ARROW WITH VERTICAL STROKE. HTML5 has no named entity — use &#x21F7; or &#8695;. Do not confuse it with the double-stroke form (U+21FA, ⇺) or the rightwards stroke (U+21F8, ⇸).

Next: Left Arrowhead Below

Learn the HTML entity for Left Arrowhead Below — next in this sequence.

Left Arrowhead Below 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