HTML Entity for Up Double Arrow (⇑)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21D1

HTML Entity for Up Double Arrow (U+21D1) tutorial illustration

Definition

What Is the Up Double Arrow Entity?

Up Double Arrow (⇑) is the Unicode character at U+21D1 (UPWARDS DOUBLE ARROW) in the Arrows block. It is a stacked double upward arrow used for strong navigation cues, scroll-to-top UI, and math notation.

Remember

Character     ⇑
Unicode       U+21D1
Hex entity    &#x21D1;
Decimal       &#8657;
Named entity  &uArr;
CSS escape    \21D1
Not the same  &uarr; (↑) · &Uarr; (↟)

All of these produce the same glyph: ⇑. Prefer &uArr; in HTML for readable source. Do not confuse it with ↑ (single) or &Uarr; (two-headed).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&uArr;`	HTML markup (preferred)
Hex entity	`⇑`	HTML markup
Decimal entity	`⇑`	HTML markup
Direct character	`⇑`	UTF-8 HTML text
CSS escape	`\21D1`	Stylesheet `content`

When to Use Which

Situation	Use
Readable double up arrow in HTML	`&uArr;`
Need a numeric entity	`⇑` or `⇑`
Generated text via `::before` / `::after`	`content: "\21D1"`
Everyday single up arrow	Use `↑` (U+2191)
Softer dashed up arrow	Use ⇡ (U+21E1)

See it

Live Preview

This double arrow in common UI contexts.

Large glyph ⇑

Compared ⇑ double ↑ single ⇡ dashed

Named entity &uArr; → ⇑

With entities Hex: ⇑ | Decimal: ⇑ | Named: ⇑

Code

Complete HTML Example

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

Hex + Decimal + Named + CSS + Typed

All five ways to produce ⇑ in a single document (plus a short label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Double Arrow</title>
  <style>
    #point::after {
      content: "\21D1";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21D1;</p>
  <p>Using HTML Code: &#8657;</p>
  <p>Using Named Entity: &uArr;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x21D1;</p>
  <p>Top &uArr;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+21D1 → ⇑ in HTML. The browser turns it into the glyph.

2. Decimal: same code point as 8657 → ⇑. Same result as hex.

3. Named: &uArr; is the HTML5 name for U+21D1. Easiest to read in source — and case-sensitive.

4. CSS: use \21D1 in content (not an HTML entity). #point::after appends that glyph after the paragraph text.

5. Typed / label: fine in UTF-8 pages. The Top &uArr; line shows a common UI pattern.

Pitfalls & Tips

Common mistakes when working with this arrow.

Case

Entity names are case-sensitive

&uArr; is double (U+21D1). ↑ is single (U+2191). &Uarr; is two-headed (U+219F).

Look-alikes

Double ≠ dashed ≠ single

U+21D1 is double-line. U+21E1 is dashed. U+2191 is the everyday solid single arrow.

CSS vs HTML

Do not mix escapes

\21D1 belongs in CSS. &uArr; / ⇑ / ⇑ belong in HTML.

Fonts

Check the glyph

Double-arrow coverage is usually good, but shapes vary. Keep nearby text that describes the action.

A11y

Do not rely on the icon alone

Screen readers may not name this arrow clearly. Keep labels like “Back to top” next to the glyph.

Semicolon

End references

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

Compatibility

Browser Support

Up Double Arrow (U+21D1) and its entity forms (&uArr;, ⇑, ⇑, CSS \\21D1) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Up Double Arrow

Encode with &uArr;, hex, decimal, or CSS escape — or paste the character in UTF-8 HTML.

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+21D1 / &uArr; Full support

Bottom line: Prefer &uArr; in HTML for readable source. Use \\21D1 only inside CSS content. Prefer ↑ for everyday single-arrow UI.

Remember

Key Takeaways

Unicode: this symbol is U+21D1 (decimal 8657).
HTML: prefer &uArr; (or ⇑ / ⇑).
CSS: use \21D1 inside content for generated text.
Watch out: &uArr; ≠ ↑ ≠ &Uarr;.

One line: U+21D1 → &uArr; / ⇑ / ⇑ / CSS \21D1.

Frequently Asked Questions

How do I display Up Double Arrow in HTML?

Use &uArr; (named), ⇑ (hex), ⇑ (decimal), or the CSS escape \21D1 in the content property. All render U+21D1. You can also paste the character directly when your file is UTF-8.

What is the Unicode value for Up Double Arrow?

U+21D1 (hex 21D1, decimal 8657). Unicode names it UPWARDS DOUBLE ARROW. It belongs to the Arrows block (U+2190–U+21FF).

Is there a named HTML entity for U+21D1?

Yes. &uArr; is the primary HTML5 named entity (aliases include &Uparrow; and &DoubleUpArrow;). You can also use ⇑ or ⇑.

How is &uArr; different from ↑ and &Uarr;?

&uArr; (U+21D1) is the double-line up arrow. ↑ (U+2191) is the single up arrow. &Uarr; (U+219F) is the two-headed upwards arrow. Entity names are case-sensitive.

What is the difference between HTML code and CSS entity for U+21D1?

HTML entities (&uArr;, ⇑, or ⇑) go in markup. The CSS escape \21D1 is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.

When should I use this symbol?

Use it for strong upward emphasis — scroll-to-top, “move to start,” or math notation that needs a double arrow. Prefer ↑ for everyday single-arrow UI. Always pair the glyph with clear labels for accessibility.

Did you know?

This arrow is Unicode U+21D1 (decimal 8657) — official name UPWARDS DOUBLE ARROW. HTML5 names it &uArr; (aliases include &Uparrow; and &DoubleUpArrow;). Case matters: ↑ is the single up arrow (U+2191).

Next: Up Double Arrow Pedestal

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

Continue tutorial →

About the author

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

HTML Entity | Up Dashed Arrow HTML Entity | Up Double Arrow Pedestal