HTML Entity for Right Arrow Tail Vertical Stroke (⤔)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2914

What You'll Learn

How to display the Right Arrow Tail Vertical Stroke (⤔) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+2914 (RIGHTWARDS ARROW WITH VERTICAL STROKE) in the Supplemental Arrows-B block (U+2900–U+297F)—a rightward arrow with a vertical stroke on the tail, used for web design, directional indicators, interface elements, and distinctive navigation cues.

Render it with ⤔, ⤔, or CSS \2914. There is no named HTML entity. Related: U+2915 (⤕, double vertical stroke), U+2935 (⤵, tail with single vertical stroke). Do not confuse ⤔ with plain → or ⤕ (double stroke).

⚡ Quick Reference — Right Arrow Tail Vertical Stroke

Unicode U+2914

Supplemental Arrows-B (U+2900–U+297F)

Hex Code ⤔

Hexadecimal reference

HTML Code ⤔

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2914
Hex code       ⤔
HTML code      ⤔
Named entity   (none)
CSS code       \2914
Meaning        Rightwards arrow with vertical stroke
Related        U+2915 = double vertical stroke (⤕)
               U+2935 = tail with vertical stroke (⤵)
               U+2947 = right arrow through X (⥇)
Block          Supplemental Arrows-B (U+2900–U+297F)
1

Complete HTML Example

A simple example showing ⤔ using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2914";
  }
 </style>
</head>
<body>
<p>Hex: &#x2914;</p>
<p>Decimal: &#10516;</p>
<p id="point">CSS: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+2914 renders in modern browsers when the font includes Supplemental Arrows-B glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Right Arrow Tail Vertical Stroke (⤔) in common contexts:

Navigation Home ⤔ Section ⤔ Page
Next step Continue ⤔
Large glyph
Arrow comparison ⤕ ⤔ ⤵
Numeric refs &#x2914; &#10516; \2914

🧠 How It Works

1

Hexadecimal Code

&#x2914; uses the Unicode hexadecimal value 2914. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10516; uses the decimal Unicode value 10516 for the same character.

HTML markup
3

CSS Entity

\2914 is used in CSS stylesheets in the content property of pseudo-elements.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+2914 in the Supplemental Arrows-B block. No named entity—use numeric codes. Previous: Right Arrow Tail Double Vertical Stroke (⤕). Next: Right Arrow Through X (⥇).

Use Cases

The Right Arrow Tail Vertical Stroke (⤔) is commonly used in:

🎨 Web design

Layouts and interfaces with unique arrow symbols on the tail.

🗺 Directional indicators

Navigation elements and wayfinding with distinctive tail strokes.

🛠 Interface elements

Buttons, links, and interactive UI with unique directional cues.

💻 Navigation menus

Menus, breadcrumbs, and menu items indicating direction.

🛠 UI design

Dashboards and applications needing specialized arrow symbols.

♿ Accessibility

Pair ⤔ with plain language (e.g. “next” or “go to”) for screen readers.

💡 Best Practices

Do

  • Use &#x2914; or &#10516; in HTML (no named entity exists)
  • Use ⤔ when a single vertical stroke on the tail fits your design
  • Set <meta charset="utf-8">
  • Keep hex or decimal style consistent across your project
  • Use CSS \2914 for decorative arrows in pseudo-elements
  • Test rendering across browsers and font stacks

Don’t

  • Confuse ⤔ (U+2914) with ⤕ (U+2915), ⤵ (U+2935), or plain →
  • Use padded Unicode notation like U+02914—the correct value is U+2914
  • Use CSS escape \2914 in HTML text nodes
  • Use padded CSS like \02914—prefer \2914
  • Assume all fonts render Supplemental Arrows-B glyphs correctly

Key Takeaways

1

Three ways to render U+2914 in HTML and CSS

&#x2914; &#10516;
2

For CSS, use \2914 in the content property

3

Unicode U+2914 — RIGHTWARDS ARROW WITH VERTICAL STROKE (⤔)

4

No named HTML entity—use numeric hex or decimal references

❓ Frequently Asked Questions

Use &#x2914; (hex), &#10516; (decimal), or \2914 in CSS content. There is no named HTML entity. All three render ⤔.
U+2914 (RIGHTWARDS ARROW WITH VERTICAL STROKE). Supplemental Arrows-B block (U+2900–U+297F). Hex 2914, decimal 10516.
For web design, directional indicators, interface elements, navigation menus, UI design, and content that needs a distinctive rightward arrow with a vertical stroke on the tail.
Numeric HTML references (&#10516;, &#x2914;) go in markup. The CSS escape \2914 is used in stylesheets, typically on ::before or ::after. Both render ⤔.
Named HTML entities cover common characters; specialized arrow symbols in Unicode blocks like Supplemental Arrows-B use numeric hex (&#x2914;) or decimal (&#10516;) references instead.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, math operators, and more.

All HTML Entities →

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