HTML Entity for Up Arrow Horizontal Stroke (⤉)

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

What You'll Learn

How to display the Up Arrow Horizontal Stroke (⤉) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2909 (UPWARDS ARROW WITH HORIZONTAL STROKE) in the Supplemental Arrows-B block (U+2900–U+297F)—an upward-pointing arrow with a horizontal stroke for navigation and UI direction cues.

Render it with ⤉, ⤉, or CSS escape \2909. There is no named HTML entity. Compare ↑ (up arrow, U+2191, ↑) for a plain arrow, or ⤒ (up arrow bar, U+2912) for arrow-to-bar notation.

⚡ Quick Reference — Up Arrow Horizontal Stroke

Unicode U+2909

Supplemental Arrows-B

Hex Code ⤉

Hexadecimal reference

HTML Code ⤉

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2909
Hex code       ⤉
HTML code      ⤉
Named entity   (none)
CSS code       \2909
Meaning        Upwards arrow with horizontal stroke
Related        U+2191 = Up arrow (↑); U+2912 = Up arrow bar (⤒)
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: "\2909";
  }
 </style>
</head>
<body>
<p>Up Arrow Horizontal Stroke (hex): &#x2909;</p>
<p>Up Arrow Horizontal Stroke (decimal): &#10505;</p>
<p id="point">Up Arrow Horizontal Stroke (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+2909 is supported in modern browsers when rendered with a font that includes Supplemental Arrows-B:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Up Arrow Horizontal Stroke (⤉) in navigation and UI contexts:

Large glyph
Navigation Move up ⤉
Scroll to top Top ⤉
vs up arrow ⤉ horizontal stroke   ↑ plain
Numeric refs &#x2909; &#10505;

🧠 How It Works

1

Hexadecimal Code

&#x2909; uses the Unicode hexadecimal value 2909 to display the Up Arrow Horizontal Stroke. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10505; uses the decimal Unicode value 10505 to display the same character.

HTML markup
3

CSS Entity

\2909 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce: . Unicode U+2909 in Supplemental Arrows-B (U+2900–U+297F). No named HTML entity—use numeric codes in markup.

Use Cases

The Up Arrow Horizontal Stroke (⤉) is commonly used in:

🔝 Navigation

Menus and controls with a distinctive upward arrow and horizontal stroke.

🎨 UI design

Buttons and interactive elements needing visual distinction from plain arrows.

🛠 Iconography

Icon sets and design systems with specialized upward arrow variants.

🗺 Diagrams

Flowcharts and instructional content showing upward direction with emphasis.

💻 Web applications

Dashboards and software interfaces with unique directional navigation symbols.

📚 Education

Tutorials and materials about directional arrow notation.

💡 Best Practices

Do

  • Use &#x2909; or &#10505; consistently in markup
  • Add aria-label when the arrow conveys navigation meaning
  • Choose fonts with Supplemental Arrows-B support (Segoe UI Symbol, Cambria Math)
  • Use \2909 in CSS ::before / ::after for icon buttons
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse ⤉ (U+2909) with ↑ (&uarr;, plain up arrow)
  • Use U+02909 or CSS \02909—the correct value is U+2909 and \2909
  • Expect a named entity—none exists for U+2909
  • Put CSS escape \2909 in HTML text nodes
  • Assume all decorative fonts include Supplemental Arrows-B glyphs

Key Takeaways

1

Two HTML numeric references render ⤉

&#x2909; &#10505;
2

For CSS stylesheets, use \2909 in content

3

Unicode U+2909 — UPWARDS ARROW WITH HORIZONTAL STROKE

4

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

5

Three methods, one glyph — no named HTML entity

❓ Frequently Asked Questions

Use &#x2909; (hex), &#10505; (decimal), or \2909 in CSS content. There is no named entity. All produce ⤉.
U+2909 (UPWARDS ARROW WITH HORIZONTAL STROKE). Supplemental Arrows-B block (U+2900–U+297F). Hex 2909, decimal 10505.
In navigation elements, UI buttons, iconography, directional indicators, and any content needing upward movement with a distinctive horizontal stroke design.
HTML references (&#10505; or &#x2909;) go in markup. The CSS escape \2909 is used in stylesheets, typically in the content property of pseudo-elements.
Named HTML entities cover common symbols like &uarr; (U+2191). Supplemental Arrows-B characters such as U+2909 use numeric hex or decimal references—standard practice for specialized arrow glyphs.

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