HTML Entity for Down Arrow (↓)

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

What Is Down Arrow?

Down arrow (↓) is the Unicode character at U+2193 in the Arrows block. Official name: DOWNWARDS ARROW. It is used for dropdown cues, sort indicators, navigation hints, and directional UI text.

Remember
Character     ↓
Unicode       U+2193
Named entity  ↓
Hex entity    ↓
Decimal       ↓
CSS escape    \2193
Not the same  ↑ (↑) · ⇓ (⇓)

Prefer ↓ in HTML markup (also aliased as ↓ / ↓). You can also type ↓ in UTF-8, or use numeric forms when needed.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity↓HTML markup (preferred)
Alias names↓ / ↓HTML markup (same glyph)
Direct character↓HTML text (UTF-8)
Hex entity↓HTML markup
Decimal entity↓HTML markup
CSS escape\2193Stylesheet content
Double down (related)⇓ (⇓, U+21D3)Double down arrow — not the same

When to Use Which

SituationUse
Down arrow / dropdown cue↓ or type ↓
Up arrow↑
Left / right arrow← / →
Double down arrow⇓ (⇓)
Generated text via ::before / ::aftercontent: "\2193"

Live Preview

Down arrow rendered alone, in a label, and compared with related arrows.

Glyph ↓
Large glyph ↓
UI label Menu ↓
Compared ↓   ↑   ←   →   ⇓
With entities Named: ↓ | Hex: ↓ | Decimal: ↓

Complete HTML Example

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

Named + Hex + Decimal + CSS + Typed

Five ways to display ↓ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Down Arrow (U+2193) in HTML</title>
  <style>
    #point::after {
      content: "\2193";
    }
  </style>
</head>
<body>
  <p>Built with Named: &darr;</p>
  <p>Built with Hex: &#x2193;</p>
  <p>Built with Decimal: &#8595;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ↓</p>
  <p>Label: Menu &darr;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &darr; is the preferred HTML5 name for U+2193 → ↓.

2. Hex / decimal: &#x2193; and &#8595; insert the same code point.

3. CSS: use \2193 in content (not an HTML entity). #point::after appends ↓.

4. Typed: paste ↓ in a UTF-8 document, or pair it with a label like Menu &darr;.

Pitfalls & Tips

Common mistakes when working with Down Arrow.

Case

Watch &dArr;

&darr; is ↓. &dArr; (capital A) is ⇓, the double down arrow. Entity names are case-sensitive.

↑

Not the up arrow

&uarr; is ↑ (U+2191). Use &darr; only when you need a downward direction.

CSS vs HTML

Do not mix escapes

\2193 belongs in CSS strings. &darr; / &#x2193; / &#8595; belong in HTML.

a11y

Add accessible text

A lone arrow can be unclear to screen readers. Pair it with visible text (e.g. Menu &darr;) or an aria-label.

UI

Prefer SVG for interactive icons

For clickable controls, an SVG icon is often clearer and easier to style than a text arrow alone.

Semicolon

End named entities

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

Browser Support

Down arrow (U+2193) and its entity forms (&darr;, &#x2193;, &#8595;, CSS \\2193) are supported in all mainstream browsers. Visible glyphs depend on Arrows font coverage.

✓ Universal support

Down Arrow (&#x2193;)

Encode with named, 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+2193 / entities Full support

Bottom line: Prefer &darr; in HTML. Use &#x2193; / &#8595; when numeric form is required, and \\2193 only inside CSS content.

Key Takeaways

  • Unicode: down arrow is U+2193 (decimal 8595) — glyph ↓.
  • HTML: prefer &darr; — also &#x2193; / &#8595; / type ↓.
  • CSS: use \2193 inside content for generated text.
  • Meaning: ↓ = down — not &uarr;, not &dArr;.

One line: U+2193 → &darr; / &#x2193; / &#8595; / CSS \2193.

Frequently Asked Questions

Use &darr; (named), &#x2193; (hex), &#8595; (decimal), type ↓ directly in UTF-8, or the CSS escape \2193 in content. Prefer &darr; in normal HTML.
U+2193 (DOWNWARDS ARROW). Hex 2193, decimal 8595. It belongs to the Arrows block (U+2190–U+21FF).
Yes. Use &darr; or the aliases &downarrow; and &DownArrow;. Numeric forms &#8595; and &#x2193; also work. Do not use &dArr; — that is the double down arrow U+21D3.
Use it for dropdown cues, sort indicators, navigation hints, and directional UI text. Prefer &uarr; / &larr; / &rarr; for other directions, and &dArr; when you need a double down arrow.
HTML entities (&darr;, &#8595;, or &#x2193;) go in markup. The CSS escape \2193 goes in stylesheet strings (usually content on ::before/::after).
No. &darr; is ↓ (U+2193). &dArr; is ⇓ (U+21D3). &uarr; is ↑ (U+2191). Entity names are case-sensitive.

Did you know?

Down arrow is Unicode U+2193 (decimal 8595) — glyph ↓ in the Arrows block. HTML5 names it &darr; (also &downarrow; / &DownArrow;). Up, left, and right use &uarr;, &larr;, and &rarr;. Do not confuse with &dArr; (⇓, double down arrow).

Next: Down Arrow Corner Left

Learn the HTML entity for down arrow with corner leftwards (U+21B5).

Down Arrow Corner Left 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