HTML Entity for Down Arrow Left Up Arrow (⇵)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+21F5
HTML entity for Down Arrow Left Up Arrow (U+21F5) — hex, decimal, and duarr; tutorial

What You'll Learn

How to display the Down Arrow Left Up Arrow (⇵) in HTML using hexadecimal, decimal, the named entity ⇵, and CSS escape methods. This character is U+21F5 (DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW) in the Arrows block (U+2190–U+21FF)—a downward arrow to the left of an upward arrow, used for bidirectional or vertical indicators in UI, sort controls, and documentation.

Render it with ⇵, ⇵, ⇵, or CSS escape \21F5. For a single vertical double-headed arrow use ↕ (↕, U+2195). For straight down only use ↓ (↓).

⚡ Quick Reference — Down Arrow Left Up Arrow

Unicode U+21F5

Arrows block

Hex Code ⇵

Hexadecimal reference

HTML Code ⇵

Decimal reference

Named Entity ⇵

HTML5 named entity for U+21F5

Reference Table
Name           Value
────────────   ──────────
Unicode        U+21F5
Hex code       ⇵
HTML code      ⇵
Named entity   ⇵
CSS code       \21F5
Related        U+2195 = Up-down arrow (↕); U+2193 = Down (↓)
1

Complete HTML Example

This example demonstrates the Down Arrow Left Up Arrow (⇵) using hexadecimal code, decimal HTML code, the named entity ⇵, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\21F5";
  }
 </style>
</head>
<body>
<p>Down Arrow Left Up Arrow using Hexadecimal: &#x21F5;</p>
<p>Down Arrow Left Up Arrow using HTML Code: &#8693;</p>
<p>Down Arrow Left Up Arrow using HTML Entity: &duarr;</p>
<p id="point">Down Arrow Left Up Arrow using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+21F5 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 Down Arrow Left Up Arrow (⇵) in bidirectional and sort contexts:

Large glyph ⇵
Sort column Name ⇵
Vertical resize Drag ⇵ to resize
vs up-down arrow ⇵ side by side   ↕ single shaft
Named entity &duarr; → ⇵
All HTML refs &#x21F5; &#8693; &duarr;

🧠 How It Works

1

Hexadecimal Code

&#x21F5; uses the Unicode hexadecimal value 21F5 to display the Down Arrow Left Up Arrow. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named HTML Entity

&duarr; is the HTML5 named entity for U+21F5. It is easy to read in source and resolves to ⇵.

HTML markup
4

CSS Entity

\21F5 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce: ⇵. Unicode U+21F5. Up-down arrow: &varr; (↕). Serve HTML as UTF-8.

✅

Use Cases

The Down Arrow Left Up Arrow (⇵) is commonly used in:

↕ Vertical resize

Indicate vertical resize, expand both ways, or bidirectional movement in UI.

📜 Scroll controls

Show scroll up/down or vertical scroll in navigation and controls.

📊 Sort indicators

Represent sortable columns (both directions) in tables and data grids.

▾ Expand / toggle

Indicate expand up/down or toggle state in accordions and panels.

📊 Flowcharts

Show bidirectional or vertical flow in process diagrams.

⌨ Keyboard docs

Document up/down arrow keys or vertical navigation in help and specs.

💡 Best Practices

Do

  • Use &duarr; for readable markup, or &#x21F5; / &#8693;
  • Add aria-label when the symbol means sort, resize, or scroll vertically
  • Pair ⇵ with a tooltip or label when meaning may not be obvious
  • Use \21F5 in CSS ::before / ::after for sort or resize icons
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse &duarr; (⇵) with &varr; (↕, up-down arrow)
  • Confuse ⇵ with ↓ (&darr;, down only)
  • Put CSS escape \21F5 in HTML text nodes
  • Rely on the symbol alone in accessibility-critical UIs
  • Assume decorative fonts include all Arrows glyphs

Key Takeaways

1

Named entity available: &duarr;

&#x21F5; &#8693;
2

For CSS stylesheets, use the escape in the content property

\21F5
3

Unicode U+21F5 — DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW

4

Not the same as ↕ (&varr;, U+2195)

5

Four methods, one glyph — widely supported in modern browsers

❓ Frequently Asked Questions

Use &#x21F5; (hex), &#8693; (decimal), &duarr; (named entity), or \21F5 in CSS content. All produce ⇵.
U+21F5 (DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW). Arrows block (U+2190–U+21FF). Hex 21F5, decimal 8693. The glyph shows a downward arrow to the left of an upward arrow.
For bidirectional or vertical resize indicators, scroll direction controls, sort ascending/descending indicators, expand/collapse UI, flowcharts, and keyboard or accessibility notation for up/down movement.
&duarr; is easier to read in source than &#8693; or &#x21F5;, but all produce ⇵. The CSS escape \21F5 is used in stylesheets in the content property of pseudo-elements.
No. &duarr; is the Down Arrow Left Up Arrow (⇵, U+21F5), with down and up arrows side by side. The up-down arrow (↕, U+2195, &varr;) is a single vertical double-headed arrow. They suggest similar ideas but are different characters.

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

Down Arrow From Bar (↧) Down Arrow Tip Left