HTML Entity for Up Arrow Two Headed (↟)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+219F
HTML entity for Up Arrow Two Headed (U+219F) — hex, decimal, and Uarr; tutorial

What You'll Learn

How to display the Up Arrow Two Headed (↟) in HTML using hexadecimal, decimal, the named entity ↟, and CSS escape methods. This character is U+219F (UPWARDS TWO HEADED ARROW) in the Arrows block (U+2190–U+21FF)—an upward-pointing arrow with arrowheads at both ends, used for strong upward direction or bidirectional vertical movement cues.

Render it with ↟, ↟, ↟, or CSS escape \219F. Do not confuse ↟ (U+219F, two-headed) with ↑ (U+2191, single up arrow). Compare ↰ (up arrow tip left, U+21B0, ↰) for a left-tipped variant.

⚡ Quick Reference — Up Arrow Two Headed

Unicode U+219F

Arrows block

Hex Code ↟

Hexadecimal reference

HTML Code ↟

Decimal reference

Named Entity ↟

HTML5 named entity for U+219F

Reference Table
Name           Value
────────────   ──────────
Unicode        U+219F
Hex code       ↟
HTML code      ↟
Named entity   ↟
CSS code       \219F
Official name  UPWARDS TWO HEADED ARROW
Related        U+2191 = Up arrow (↑); U+21B0 = Tip left (↰)
Block          Arrows (U+2190–U+21FF)
1

Complete HTML Example

A simple example showing ↟ with hex, decimal, named entity, and CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\219F";
  }
 </style>
</head>
<body>
<p>Two Headed (hex): &#x219F;</p>
<p>Two Headed (decimal): &#8607;</p>
<p>Two Headed (entity): &Uarr;</p>
<p id="point">Two Headed (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+219F is widely supported in modern browsers when rendered with a font that includes Arrows:

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

👀 Live Preview

See the Up Arrow Two Headed (↟) in navigation and UI contexts:

Large glyph ↟
Strong upward Move up ↟
Scroll to top Top ↟
vs single up arrow ↟ two-headed   ↑ single
Named entity &Uarr; → ↟
All HTML refs &#x219F; &#8607; &Uarr;

🧠 How It Works

1

Hexadecimal Code

&#x219F; uses the Unicode hexadecimal value 219F to display the Up Arrow Two Headed. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named HTML Entity

&Uarr; is the HTML5 named entity for U+219F. It is easy to read in source and resolves to the same character (↟). Not to be confused with &uarr; (U+2191).

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce: ↟. Unicode U+219F in the Arrows block (U+2190–U+21FF). The double arrowhead design emphasizes strong upward or bidirectional vertical movement.

✅

Use Cases

The Up Arrow Two Headed (↟) is commonly used in:

🔝 Navigation

Menus and controls indicating strong upward movement or scroll-to-top with emphasis.

📜 Bidirectional cues

Diagrams showing vertical movement that can go both up and down along an axis.

🎨 UI design

Buttons and interactive elements needing a bold upward directional indicator.

🛠 Iconography

Icon sets requiring two-headed upward arrows for visual emphasis.

🗺 Diagrams

Flowcharts and technical docs showing strong vertical direction or axis movement.

💻 Web applications

Dashboards and software interfaces with emphasized upward navigation symbols.

💡 Best Practices

Do

  • Use &Uarr; for readable markup, or &#x219F; / &#8607;
  • Add aria-label when the arrow conveys navigation meaning
  • Use the two-headed arrow when you need stronger visual emphasis than ↑
  • Use \219F in CSS ::before / ::after for icon buttons
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse &Uarr; (U+219F, two-headed) with &uarr; (U+2191, single up arrow)
  • Use U+0219F or CSS \0219F—the correct value is U+219F and \219F
  • Put CSS escape \219F in HTML text nodes
  • Rely on the symbol alone without context in accessibility-critical UIs
  • Assume all decorative fonts include extended Arrows glyphs

Key Takeaways

1

Named entity available: &Uarr;

&#x219F; &#8607;
2

For CSS stylesheets, use \219F in content

3

Unicode U+219F — UPWARDS TWO HEADED ARROW

4

Single up arrow: ↑ via &uarr; (U+2191)

5

Four methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &#x219F; (hex), &#8607; (decimal), &Uarr; (named entity), or \219F in CSS content. All produce ↟.
U+219F (UPWARDS TWO HEADED ARROW). Arrows block (U+2190–U+21FF). Hex 219F, decimal 8607.
In navigation elements, buttons, UI design, iconography, and any content needing strong upward direction or bidirectional vertical movement emphasis.
&Uarr; is easier to read in source than &#8607; or &#x219F;, but all produce ↟. Do not confuse &Uarr; (two-headed, U+219F) with &uarr; (single, U+2191).
The &Uarr; entity is part of the HTML5 named entity set for common directional symbols. Many extended Arrows block characters only have numeric hex or decimal references.

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Up Arrow Tip Left (↰) Up Arrow With Tip Right (↱)