HTML Entity for Down Arrow Left Up Arrow (⇵)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21F5

What Is Down Arrow Left Up Arrow?

Down arrow left of up arrow (⇵) is the Unicode character at U+21F5 in the Arrows block. Official name: DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW. It pairs a down arrow on the left with an up arrow on the right — useful for bidirectional and sort UI cues.

Remember
Character     ⇵
Unicode       U+21F5
Named entity  ⇵
Hex entity    ⇵
Decimal       ⇵
CSS escape    \21F5
Not the same  ⇅ (⇅) · ↕ (↕)

Prefer ⇵ in HTML markup (also aliased as ⇵). You can also type ⇵ in UTF-8, or use numeric forms when needed.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⇵HTML markup (preferred)
Alias name⇵HTML markup (same glyph)
Direct character⇵HTML text (UTF-8)
Hex entity⇵HTML markup
Decimal entity⇵HTML markup
CSS escape\21F5Stylesheet content
Reverse pair (related)⇅ (⇅, U+21C5)Up left of down — different

When to Use Which

SituationUse
Down left of up (⇵)⇵ or type ⇵
Up left of down (⇅)⇅
Single up-down arrow↕ (↕)
Single down / up↓ / ↑
Generated text via ::before / ::aftercontent: "\21F5"

Live Preview

Down arrow left of up arrow rendered alone and compared with related vertical arrows.

Glyph ⇵
Large glyph ⇵
Compared ⇵   ⇅   ↕   ↓   ↑
With entities Named: ⇵ | Hex: ⇵ | Decimal: ⇵

Complete HTML Example

One page that shows Down Arrow Left Up Arrow with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ⇵ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Down Arrow Left Up Arrow (U+21F5) in HTML</title>
  <style>
    #point::after {
      content: "\21F5";
    }
  </style>
</head>
<body>
  <p>Built with Named: &duarr;</p>
  <p>Built with Hex: &#x21F5;</p>
  <p>Built with Decimal: &#8693;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⇵</p>
  <p>Alias: &DownArrowUpArrow;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &duarr; is the preferred HTML5 name for U+21F5 → ⇵.

2. Hex / decimal: &#x21F5; and &#8693; insert the same code point.

3. CSS: use \21F5 in content (not an HTML entity). #point::after appends ⇵.

4. Typed / alias: paste ⇵ in UTF-8, or use &DownArrowUpArrow; for the same glyph.

Pitfalls & Tips

Common mistakes when working with Down Arrow Left Up Arrow.

Order

Watch &udarr;

&duarr; is ⇵ (down left of up). &udarr; is ⇅ (up left of down). The letter order in the name matches the arrow order.

↕

Not &varr;

&varr; is a single up-down arrow (U+2195). &duarr; is a paired two-arrow glyph.

CSS vs HTML

Do not mix escapes

\21F5 belongs in CSS strings. &duarr; / &#x21F5; / &#8693; belong in HTML.

Fonts

Arrow font coverage

Some fonts draw paired arrows poorly. Prefer a font with solid Arrows block support.

a11y

Add accessible text

A lone bidirectional glyph can be unclear to screen readers. Pair it with visible text or an aria-label.

Semicolon

End named entities

Always finish with ; — write &duarr;, not &duarr.

Browser Support

Down arrow left of up arrow (U+21F5) and its entity forms (&duarr;, &#x21F5;, &#8693;, CSS \\21F5) are supported in all mainstream browsers. Visible glyphs depend on Arrows font coverage.

✓ Universal support

Down Arrow Left Up Arrow (&#x21F5;)

Encode with named, hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+21F5 / entities Full support

Bottom line: Prefer &duarr; in HTML. Use &#x21F5; / &#8693; when numeric form is required, and \\21F5 only inside CSS content.

Key Takeaways

  • Unicode: down arrow left of up is U+21F5 (decimal 8693) — glyph ⇵.
  • HTML: prefer &duarr; — also &#x21F5; / &#8693; / type ⇵.
  • CSS: use \21F5 inside content for generated text.
  • Meaning: ⇵ = down+up pair — not &udarr;, not &varr;.

One line: U+21F5 → &duarr; / &#x21F5; / &#8693; / CSS \21F5.

Frequently Asked Questions

Use &duarr; (named), &#x21F5; (hex), &#8693; (decimal), type ⇵ directly in UTF-8, or the CSS escape \21F5 in content. Prefer &duarr; in normal HTML.
U+21F5 (DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW). Hex 21F5, decimal 8693. It belongs to the Arrows block (U+2190–U+21FF).
Yes. Use &duarr; or the alias &DownArrowUpArrow;. Numeric forms &#8693; and &#x21F5; also work. Do not use &udarr; — that is U+21C5 (⇅), the reverse pairing.
Use it for vertical bidirectional cues, sort toggles, and paired down/up indicators. Prefer &darr; / &uarr; for single directions, and &udarr; when you need up-left-of-down (U+21C5).
HTML entities (&duarr;, &#8693;, or &#x21F5;) go in markup. The CSS escape \21F5 goes in stylesheet strings (usually content on ::before/::after).
No. &duarr; is ⇵ (U+21F5). &udarr; is ⇅ (U+21C5). &varr; is ↕ (U+2195), a single up-down arrow.

Did you know?

Down arrow left of up arrow is Unicode U+21F5 (decimal 8693) — glyph ⇵ (DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW) in the Arrows block. HTML5 names it &duarr; (also &DownArrowUpArrow;). The reverse order is &udarr; (⇅, U+21C5). Plain down/up arrows are &darr; / &uarr;.

Next: Down Arrow Tip Left

Learn the HTML entity for down arrow with tip leftwards (U+21B2).

Down Arrow Tip Left tutorial →

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