HTML Entity for Up Down White Arrow (⇳)

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

What Is Up Down White Arrow?

Up down white arrow (⇳) is the Unicode character at U+21F3 in Arrows. Official name: UP DOWN WHITE ARROW — an outlined (hollow) bidirectional vertical arrow used for scroll, resize, and UI navigation cues.

Remember
Character     ⇳
Unicode       U+21F3
Named entity  (none)
Hex entity    ⇳
Decimal       ⇳
CSS escape    \21F3
Not the same  ↕ · ⇕ · ⇧

Prefer ⇳ or ⇳ in HTML markup. You can also type ⇳ in UTF-8. For a filled single up-down arrow, use ↕ (↕); for a double stroke, use ⇕ (⇕).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNoneUse numeric or type the character
Direct character⇳HTML text (UTF-8)
Hex entity⇳HTML markup (preferred)
Decimal entity⇳HTML markup
CSS escape\21F3Stylesheet content
Filled up-down (related)↕ (U+2195)Named ↕

When to Use Which

SituationUse
White / outlined up-down arrow⇳ or type ⇳
Filled single up-down arrow↕ (↕)
Double up-down arrow⇕ (⇕)
White up arrow only⇧ (U+21E7)
Generated text via ::before / ::aftercontent: "\21F3"

Live Preview

Up down white arrow rendered alone and next to related arrows.

Large glyph ⇳
Notation Scroll ⇳
Compared ⇳  |  ↕  |  ⇕
Hint Compare: White ⇳ | Filled ↕ | Double ⇕
With entities Hex: ⇳ | Decimal: ⇳

Complete HTML Example

One page that shows the symbol with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ⇳, plus a short label example. No named entity exists.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Down White Arrow (⇳)</title>
  <style>
    #point::after {
      content: "\21F3";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21F3;</p>
  <p>Using HTML Code: &#8691;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⇳</p>
  <p>Label: Scroll &#x21F3;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21F3 → &#x21F3; in HTML. Preferred numeric form when you need an entity.

2. Decimal: same code point as 8691 → &#8691;. Same glyph as hex.

3. CSS: use \21F3 in content (not an HTML entity). #point::after appends that ⇳ after the paragraph text.

4. Typed / label: paste ⇳ in UTF-8, or write Scroll &#x21F3; for a short UI label.

5. No named entity: HTML5 does not define a name for U+21F3 — use numeric references or type the character.

Pitfalls & Tips

Common mistakes when working with U+21F3.

vs ↕

Not the filled single arrow

↕ (&varr;) is the common filled up-down arrow. ⇳ is the outlined “white” form — pick the style that matches your UI.

vs ⇕

Not the double arrow

⇕ (&vArr;) has a thick double stroke. ⇳ is a single outlined shaft with heads both ways.

Named

No named HTML entity

There is no &varrw; (or similar) for U+21F3. Use &#x21F3; or &#8691;.

Fonts

Needs Arrows coverage

Some UI fonts omit white arrows. Prefer a stack that includes a symbols font if the glyph must always show.

CSS vs HTML

Do not mix escapes

\21F3 belongs in CSS strings. &#x21F3; / &#8691; belong in HTML.

A11y

Name the action in context

Screen readers may announce this unevenly. Prefer nearby plain-language text such as “scroll” or “resize vertically” when the arrow carries meaning.

Browser Support

Up down white arrow (U+21F3) and its entity forms (&#x21F3;, &#8691;, CSS \\21F3) are supported in all mainstream browsers. Visible glyphs depend on Arrows font coverage.

✓ Universal support

Up Down White Arrow (&#x21F3;)

Encode with 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+21F3 / entities Full support

Bottom line: Prefer &#x21F3; or &#8691; in HTML. Use \\21F3 only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: up down white arrow is U+21F3 (decimal 8691) — glyph ⇳.
  • HTML: no named entity — use &#x21F3; / &#8691; / type ⇳.
  • CSS: use \21F3 inside content for generated text.
  • Meaning: ⇳ is outlined bidirectional — not ↕ (&varr;), not ⇕ (&vArr;).

One line: U+21F3 → &#x21F3; / &#8691; / CSS \21F3 (no named entity).

Frequently Asked Questions

Use &#x21F3; (hex), &#8691; (decimal), type ⇳ directly in UTF-8, or the CSS escape \21F3 in content. There is no named HTML entity.
U+21F3 (UP DOWN WHITE ARROW). Hex 21F3, decimal 8691. It belongs to Arrows (U+2190–U+21FF).
No. Use numeric references &#x21F3; or &#8691;, or type ⇳ in UTF-8.
No. ⇳ is U+21F3 (white/outlined). ↕ is U+2195 (&varr;, filled single). ⇕ is U+21D5 (&vArr;, double).
Use it for outlined bidirectional vertical cues — scroll, resize, or UI icons — especially when a hollow style fits the design better than filled ↕.
HTML entities (&#8691; or &#x21F3;) go in markup. The CSS escape \21F3 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Up down white arrow is Unicode U+21F3 (decimal 8691) — glyph ⇳ in Arrows (U+2190–U+21FF). Official name: UP DOWN WHITE ARROW (outlined / hollow bidirectional vertical arrow). HTML5 has no named entity — use &#x21F3; or &#8691;. Do not confuse with filled U+2195 (&varr;, ↕) or double U+21D5 (&vArr;, ⇕).

Next: Up Fish Tail

Learn the HTML entity for up fish tail (U+297E).

Continue 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