HTML Entity for Up Double Arrow White (⇮)

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

What Is the Up Double Arrow White Entity?

Up Double Arrow White (⇮) is the Arrows character at Unicode U+21EE (UPWARDS WHITE ARROW). It is an outlined (white) upward arrow—useful for navigation and UI cues on dark or colored backgrounds.

Remember
Character     ⇮
Unicode       U+21EE
Hex entity    ⇮
Decimal       ⇮
Named entity  (none)
CSS escape    \21EE
Not the same  ⇑ (⇑) · ⇯ (pedestal)

Hex, decimal, CSS, and a typed character all produce the same glyph: ⇮. Prefer ⇮ when you want an explicit entity. There is no named HTML entity. For the filled double arrow see ⇑ (U+21D1).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⇮HTML markup (best default)
Decimal entity⇮HTML markup
CSS escape\21EEStylesheet content
Direct character⇮UTF-8 HTML text
Named entityNoneUse numeric forms instead

When to Use Which

SituationUse
White / outlined up arrow⇮ (preferred)
Decimal-only markup⇮
Generated text via ::before / ::aftercontent: "\21EE"
Filled up double arrowUse ⇑ (U+21D1)
Pedestal variantUse U+21EF

Live Preview

Upwards white arrow in UI context, compared with filled and pedestal variants.

Scroll cue Top ⇮
Large glyph ⇮
Hex entity ⇮ → ⇮
vs filled / pedestal ⇮  |  ⇑  |  ⇯
With entities Hex: ⇮ | Decimal: ⇮

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to display ⇮ in HTML and CSS (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Double Arrow White (⇮)</title>
  <style>
    #point::after {
      content: "\21EE";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x21EE;</p>
  <p>Built with Decimal: &#8686;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⇮</p>
  <p>Top &#x21EE;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x21EE; inserts Unicode code point 21EE → ⇮.

2. Decimal: same code point as 8686 → &#8686;.

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

4. Typed: paste ⇮ in a UTF-8 document, or write Top &#x21EE;.

5. Named: there is none — always use a numeric reference or CSS escape.

Pitfalls & Tips

Common mistakes when working with Up Double Arrow White.

Named

No named entity

HTML5 does not define a name for U+21EE. Use &#x21EE; or &#8686;. Filled double arrow uses &uArr;.

Look-alikes

⇮ ≠ ⇑ ≠ ⇯

White/outlined is U+21EE. Filled double is &uArr;. Pedestal is U+21EF. Pick the glyph that matches your design.

A11y

Label navigation

A lone ⇮ may be unclear. Add aria-label (e.g. “Back to top”) when the arrow conveys an action.

Fonts

Glyph coverage

Arrows coverage varies. Test on mobile and provide an SVG or text fallback if ⇮ is missing.

CSS vs HTML

Do not mix escapes

\21EE belongs in CSS. &#x21EE; / &#8686; belong in HTML. Do not write \021EE.

Charset

Use UTF-8

Always set charset="UTF-8" so typed ⇮ and numeric entities decode correctly.

Browser Support

Up Double Arrow White (U+21EE) and its entity forms (&#x21EE;, &#8686;, CSS \\21EE) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Up Double Arrow White (&#x21EE;)

Encode with hex, decimal, or CSS escape — or type ⇮ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+21EE Full support

Bottom line: Prefer &#x21EE; for readable HTML. Use \\21EE only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: this symbol is U+21EE (decimal 8686) — upwards white arrow.
  • HTML: prefer &#x21EE; — or use &#8686;. No named entity.
  • CSS: use \21EE inside content for generated UI markers.
  • Watch out: not the same as &uArr; (⇑) or pedestal ⇯.

One line: U+21EE → &#x21EE; / &#8686; / CSS \21EE (no named entity).

Frequently Asked Questions

Use &#x21EE; (hex), &#8686; (decimal), or the CSS escape \21EE in the content property. All render ⇮ when the font supports Arrows. There is no named HTML entity.
U+21EE (UPWARDS WHITE ARROW). Hex 21EE, decimal 8686. It belongs to the Arrows block (U+2190–U+21FF).
No. HTML5 does not define a named entity for U+21EE. Use numeric references like &#x21EE; or &#8686;. The filled double arrow uses &uArr; (U+21D1).
Use it for navigation, scroll-to-top controls, UI icons, and upward cues—especially on dark or colored backgrounds where a white or outlined arrow stands out.
U+21EE is UPWARDS WHITE ARROW (outlined). U+21D1 is UPWARDS DOUBLE ARROW (&uArr;, filled). U+21EF is UPWARDS WHITE ARROW FROM BAR (pedestal). Related arrows, different glyphs.
HTML entities (&#8686; or &#x21EE;) go in markup. The CSS escape \21EE is used in stylesheets (usually in the content property of ::before/::after). Both render ⇮.

Did you know?

Up Double Arrow White is Unicode U+21EE (decimal 8686) — glyph ⇮ (UPWARDS WHITE ARROW) in the Arrows block. HTML5 has no named entity — use &#x21EE; or &#8686;. Do not confuse it with the filled up double arrow (&uArr;, U+21D1) or the pedestal variant (U+21EF).

Next: Up Down Arrow

Learn the HTML entity for Up Down Arrow — next in this sequence.

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