HTML Entity for Up Arrow Double Stroke (⇞)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21DE

HTML Entity for Up Arrow Double Stroke (⇞) tutorial illustration

Definition

What Is the Up Arrow Double Stroke Entity?

Up Arrow Double Stroke (⇞) is the Unicode character at U+21DE (UPWARDS ARROW WITH DOUBLE STROKE) in the Arrows block. It is an up arrow with a double stroke, often used for Page Up and strong upward navigation cues.

Remember

Character     ⇞
Unicode       U+21DE
Hex entity    &#x21DE;
Decimal       &#8670;
CSS escape    \21DE
Named entity  (none)

All of these produce the same glyph: ⇞. For everyday up direction, prefer ↑ (↑).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`⇞`	HTML text (UTF-8)
Hex entity	`⇞`	HTML markup
Decimal entity	`⇞`	HTML markup
CSS escape	`\21DE`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Need the ⇞ glyph	Type `⇞`, or `⇞` / `⇞`
Generated text via `::before` / `::after`	`content: "\21DE"`
Plain up direction	Use ↑ (U+2191)
Down double stroke (Page Down)	Use ⇟ (U+21DF)
Looking for `&uArr;` / similar	Does not map to U+21DE — use numeric form

See it

Live Preview

Up Arrow Double Stroke in common navigation contexts.

Page Up Page Up ⇞

Large glyph ⇞

Compared ⇞ ↑ ⇟

Label Top ⇞

With entities Hex: ⇞ | Decimal: ⇞

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

All four ways to produce ⇞ in a single document (plus a Page Up label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Arrow Double Stroke (⇞)</title>
  <style>
    #point::after {
      content: "\21DE";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21DE;</p>
  <p>Using HTML Code: &#8670;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⇞</p>
  <p>Page Up &#x21DE;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+21DE → ⇞ in HTML. The browser turns it into ⇞.

2. Decimal: same code point as 8670 → ⇞. Same result as hex.

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

4. Typed ⇞: fine in UTF-8 pages. The Page Up line shows the symbol with supporting text.

Pitfalls & Tips

Common mistakes when working with Up Arrow Double Stroke.

Named?

No named entity

HTML5 does not define a named entity for U+21DE. Use numeric forms. Do not confuse with &uArr; (double up arrow, U+21D1).

Look-alikes

⇞ ≠ ↑ ≠ ⇟

U+21DE is double-stroke up. Plain up is U+2191. Down double stroke is U+21DF.

CSS vs HTML

Do not mix escapes

\21DE belongs in CSS. ⇞ / ⇞ belong in HTML.

Fonts

Check the glyph

Arrow coverage varies. If ⇞ is missing, use ↑ plus the words “Page Up.”

A11y

Describe the action

Pair ⇞ with text like “Page Up” so the meaning is clear.

Semicolon

End references

Always finish with ; — write ⇞, not &#8670.

Compatibility

Browser Support

Up Arrow Double Stroke (U+21DE) and its numeric entity forms (⇞, ⇞, CSS \\21DE) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Up Arrow Double Stroke (⇞)

Encode with hex, decimal, or CSS escape — or paste ⇞ 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+21DE / entities Full support

Bottom line: Use ⇞ or ⇞ for the Unicode glyph, and \\21DE only inside CSS content. Prefer ↑ for plain up.

Remember

Key Takeaways

Unicode: this symbol is U+21DE (decimal 8670).
HTML: use ⇞ or ⇞ when you need an entity.
CSS: use \21DE inside content for generated text.
Watch out: ⇞ ≠ ↑ ≠ ⇟ (double-stroke up ≠ plain up ≠ double-stroke down).

One line: U+21DE → ⇞ / ⇞ / CSS \21DE, or paste ⇞.

Frequently Asked Questions

How do I display Up Arrow Double Stroke (⇞) in HTML?

Use ⇞ (hex), ⇞ (decimal), or the CSS escape \21DE in the content property. All render ⇞. You can also paste ⇞ directly when your file is UTF-8.

What is the Unicode value for Up Arrow Double Stroke?

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

Is there a named HTML entity for ⇞?

No. HTML5 does not define a named entity for ⇞. Use numeric references like ⇞ or ⇞.

How is ⇞ different from ↑?

⇞ (U+21DE) is an up arrow with a double stroke, often used for Page Up. ↑ (U+2191, ↑) is the plain single-stroke upwards arrow.

What is the difference between HTML code and CSS entity for ⇞?

HTML entities (⇞ or ⇞) go in markup. The CSS escape \21DE is used in stylesheets (usually in the content property of ::before/::after). Both render ⇞.

When should I use ⇞?

Use it for Page Up / strong upward navigation cues. For everyday up direction, prefer ↑ (↑). Always pair the glyph with clear text for accessibility.

Did you know?

Up Arrow Double Stroke is Unicode U+21DE (decimal 8670) — official name UPWARDS ARROW WITH DOUBLE STROKE in the Arrows block. HTML5 has no named entity. It is often used for Page Up cues and is not the plain up arrow (U+2191 ↑, ↑).

Next: Up Arrow From Bar

Learn the HTML entity for Up Arrow From Bar — 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 Arrow Below HTML Entity | Up Arrow From Bar