HTML Entity for Short Right Arrow Above Left Arrow (⥄)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2944
HTML entity for Short Right Arrow Above Left Arrow (U+2944) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Short Right Arrow Above Left Arrow (⥄) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2944 (SHORT RIGHT ARROW ABOVE LEFT ARROW) in the Supplemental Arrows-B block (U+2900–U+297F)—a composite arrow showing a short right arrow above a left arrow, used for bidirectional navigation and flow diagrams.

Render it with ⥄, ⥄, or CSS \2944. There is no named HTML entity. Do not confuse ⥄ with Left Arrow Above Short Right Arrow U+2943 (⥃), where the arrow positions are reversed.

⚡ Quick Reference — Short Right Arrow Above Left Arrow

Unicode U+2944

Supplemental Arrows-B

Hex Code ⥄

Hexadecimal reference

HTML Code ⥄

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2944
Hex code       ⥄
HTML code      ⥄
Named entity   (none)
CSS code       \2944
Official name  Short right arrow above left arrow
Related        U+2943 = left arrow above short right (⥃)
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:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2944";
  }
 </style>
</head>
<body>
<p>Arrow (hex): &#x2944;</p>
<p>Arrow (decimal): &#10564;</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Short Right Arrow Above Left Arrow (⥄) is supported in modern browsers when fonts include Supplemental Arrows-B glyphs:

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

👀 Live Preview

See the arrow in navigation and diagram contexts:

Single symbol ⥄
Bidirectional nav Back ⥄ Forward
Flow label Input ⥄ Output
Not the same as ⥃ (U+2943)  |  ← (U+2190)
Numeric refs &#x2944; &#10564; \2944

🧠 How It Works

1

Hexadecimal Code

&#x2944; uses Unicode hexadecimal 2944 to display the composite arrow.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2944 is used in CSS stylesheets in the content property of pseudo-elements for arrow markers.

CSS stylesheet
=

Directional result

All three methods produce ⥄. Unicode U+2944 in Supplemental Arrows-B. No named entity. Next: Short Solidus Overlay.

✅

Use Cases

The Short Right Arrow Above Left Arrow (⥄) commonly appears in:

🗼 Navigation UI

Bidirectional controls, back/forward toggles, and menu indicators.

📊 Flow diagrams

Process flows, workflow charts, and system architecture diagrams.

🛠 UI elements

Buttons, toolbars, and interactive elements showing two-way actions.

📖 Technical docs

Notation guides, chemistry, and mathematical arrow references.

🛠 CSS markers

Custom list bullets via ::before content.

📖 Symbol guides

Supplemental Arrows-B and HTML entity reference documentation.

💡 Best Practices

Do

  • Use &#x2944; or &#10564; in HTML markup
  • Pair the symbol with visible text labels for accessibility
  • Use CSS content: "\2944" for reusable arrow components
  • Test rendering across browsers and fonts
  • Distinguish ⥄ from ⥃ (reversed arrow layout)

Don’t

  • Use padded Unicode notation like U+02944—the correct value is U+2944
  • Confuse ⥄ with ⥃ or plain left arrow ←
  • Expect a named HTML entity for U+2944
  • Put CSS escape \2944 in HTML text nodes
  • Rely on the arrow alone without context for screen readers

Key Takeaways

1

Three ways to render U+2944 in HTML and CSS

&#x2944; &#10564;
2

For CSS stylesheets, use \2944 in the content property

3

Unicode U+2944 — SHORT RIGHT ARROW ABOVE LEFT ARROW

4

No named entity—Supplemental Arrows-B character

5

Previous: Shamrock (☘)   Next: Short Solidus Overlay

❓ Frequently Asked Questions

Use &#x2944; (hex), &#10564; (decimal), or \2944 in CSS content. There is no named HTML entity. All three render ⥄.
U+2944 (SHORT RIGHT ARROW ABOVE LEFT ARROW). Supplemental Arrows-B (U+2900–U+297F). Hex 2944, decimal 10564.
No. ⥄ (U+2944) has a short right arrow above a left arrow. ⥃ (U+2943) is the opposite layout—left arrow above short right arrow. They are different characters.
For directional indicators, navigation interfaces, flow diagrams, bidirectional controls, process flows, and any content that needs to show opposite or two-way movement.
Supplemental Arrows-B characters like U+2944 use numeric hex or decimal codes in HTML. Named entities cover common characters only; specialized arrow symbols typically use numeric references.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Shamrock Short Solidus Overlay