HTML Entity for Down Arrow With Double Stroke (⇟)

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

What Is Down Arrow With Double Stroke?

Down arrow with double stroke (⇟) is the Unicode character at U+21DF in the Arrows block. Official name: DOWNWARDS ARROW WITH DOUBLE STROKE. It is often used for Page Down-style cues and technical or logic notation.

Remember
Character     ⇟
Unicode       U+21DF
Hex entity    ⇟
Decimal       ⇟
CSS escape    \21DF
Named entity  (none)
Not the same  ↓ (↓) · ⇞

Prefer ⇟ or ⇟ in HTML (no named form). You can also type ⇟ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity⇟HTML markup (preferred)
Decimal entity⇟HTML markup
Direct character⇟HTML text (UTF-8)
CSS escape\21DFStylesheet content
Down arrow (related)↓ (↓, U+2193)Plain down — no double stroke

When to Use Which

SituationUse
Down arrow with double stroke⇟ or type ⇟
Up arrow with double strokeU+21DE (⇞)
Plain down arrow↓
Down arrow with horizontal strokeU+2908 (⤈)
Generated text via ::before / ::aftercontent: "\21DF"

Live Preview

Down arrow with double stroke rendered alone and compared with related arrows.

Glyph ⇟
Large glyph ⇟
Compared ⇟   ⇞   ↓   ⤈
With entities Hex: ⇟ | Decimal: ⇟

Complete HTML Example

One page that shows Down Arrow With Double Stroke 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.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Down Arrow With Double Stroke (U+21DF) in HTML</title>
  <style>
    #point::after {
      content: "\21DF";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x21DF;</p>
  <p>Built with Decimal: &#8671;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⇟</p>
  <p>Label: Page Down ⇟</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x21DF; inserts code point U+21DF → ⇟.

2. Decimal: same code point as 8671 → &#8671;. Same visual as hex.

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

4. Typed: paste ⇟ in a UTF-8 document, or pair it with a label.

Pitfalls & Tips

Common mistakes when working with Down Arrow With Double Stroke.

Name

No named entity

There is no HTML5 named entity for U+21DF. Use &#x21DF; or &#8671;.

↓

Not &darr;

&darr; is the plain down arrow (U+2193). U+21DF has a double horizontal stroke through the shaft.

⇞

Not the up form

U+21DE is the up arrow with double stroke. Keep the two code points distinct.

CSS vs HTML

Do not mix escapes

\21DF belongs in CSS strings. &#x21DF; / &#8671; belong in HTML.

Fonts

Arrow font coverage

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

a11y

Add accessible text

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

Semicolon

End references

Always finish numeric entities with ; — write &#x21DF;, not &#x21DF.

Browser Support

Down arrow with double stroke (U+21DF) and its entity forms (&#x21DF;, &#8671;, CSS \\21DF) are supported in all mainstream browsers. Visible glyphs depend on Arrows font coverage.

✓ Universal support

Down Arrow With Double Stroke (&#x21DF;)

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+21DF / entities Full support

Bottom line: Prefer &#x21DF; in HTML (no named form). Use &#8671; when decimal form is required, and \\21DF only inside CSS content.

Key Takeaways

  • Unicode: down arrow with double stroke is U+21DF (decimal 8671) — glyph ⇟.
  • HTML: no named entity — use &#x21DF; / &#8671; / type ⇟.
  • CSS: use \21DF inside content for generated text.
  • Meaning: ⇟ = double stroke down — not &darr;, not U+21DE.

One line: U+21DF → &#x21DF; / &#8671; / CSS \21DF.

Frequently Asked Questions

Use &#x21DF; (hex), &#8671; (decimal), type ⇟ directly in UTF-8, or the CSS escape \21DF in content. There is no named HTML entity for U+21DF.
U+21DF (DOWNWARDS ARROW WITH DOUBLE STROKE). Hex 21DF, decimal 8671. It belongs to the Arrows block (U+2190–U+21FF).
No. Use numeric forms &#8671; or &#x21DF;. The plain down arrow uses &darr; (U+2193). The up double-stroke form is U+21DE.
Use it for Page Down-style cues, logic/math notation that needs a double-stroke down arrow, or similar technical UI. Prefer &darr; for a plain down arrow, and U+21DE for the up double-stroke form.
HTML entities (&#8671; or &#x21DF;) go in markup. The CSS escape \21DF goes in stylesheet strings (usually content on ::before/::after).
No. U+21DF is ⇟ (double stroke down). &darr; is ↓ (U+2193). U+21DE is ⇞ (double stroke up).

Did you know?

Down arrow with double stroke is Unicode U+21DF (decimal 8671) — glyph ⇟ (DOWNWARDS ARROW WITH DOUBLE STROKE) in the Arrows block. There is no HTML5 named entity; use &#x21DF; or &#8671;. Up counterpart is U+21DE (⇞). Plain down arrow is &darr; (↓).

Next: Down Arrow With Horizontal Stroke

Learn the HTML entity for down arrow with horizontal stroke (U+2908).

Down Arrow With Horizontal Stroke 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