What is the Unicode codepoint for the down arrow symbol?

The standard down arrow (↓) is U+2193, in the Arrows block. The downwards black arrow (⬇) used in emoji sets is U+2B07.

What is the HTML entity for a down arrow?

Use ↓ or the named entity ↓ for the plain down arrow (↓). The double-line down arrow (⇓) uses ⇓ or &dArr;.

How do I use a down arrow in CSS?

Set the character as a content value on a pseudo-element, for example content: "\2193"; on a ::after selector, using the four-digit hex codepoint without the U+ prefix. This is common on dropdown and accordion toggles.

What is the URL-encoded form of a down arrow?

The plain down arrow (↓) percent-encodes to %E2%86%93 in UTF-8, which is the form used in query strings and encoded URLs.

How do I type a down arrow on Mac?

Open Character Viewer with Control + Command + Space, search "down arrow", then double-click the symbol to insert it.

Is the down arrow symbol the same as a dropdown triangle?

No. The down arrow (↓) is a line-and-head glyph from the Arrows block, while the black down-pointing triangle (▼) is from the Geometric Shapes block and is commonly used as a dropdown or "expand" indicator.

Down Arrow Symbol

Click any down arrow symbol below to copy it, with its Unicode codepoint, HTML entity, CSS content value, URL-encoded form, and keyboard shortcuts.

Click a symbol to copy

Format reference

Symbol	Unicode	HTML Entity	CSS content	URL Encoded
↓	U+2193	↓ (↓)	content: "\2193"	%E2%86%93
⇓	U+21D3	⇓ (&dArr;)	content: "\21D3"	%E2%87%93
↧	U+21A7	↧	content: "\21A7"	%E2%86%A7
↴	U+21B4	↴	content: "\21B4"	%E2%86%B4
⬇	U+2B07	⬇	content: "\2B07"	%E2%AC%87
▼	U+25BC	▼	content: "\25BC"	%E2%96%BC
▾	U+25BE	▾	content: "\25BE"	%E2%96%BE
⇩	U+21E9	⇩	content: "\21E9"	%E2%87%A9

Common usage examples

Scroll indicator

Scroll for more ↓

Download link

↓ Download PDF

Downvote control

42 ▼

Flowchart step

Keyboard input methods

Windows

On systems that support legacy OEM Alt codes, hold Alt and type 2 5 on the numeric keypad. For consistent input, press Win + . and search "down arrow".

Mac

Press Control + Command + Space to open Character Viewer, search "down arrow", then double-click it.

Linux

Press Ctrl + Shift + U, type 2193, then press Enter or Space.

Word / Office

Type 2193 then press Alt + X to convert it to the down arrow symbol.

Copied!

Summary

This page lists the downward-pointing arrow symbols in Unicode, from the plain arrow (↓) to the double-line, bar, black, and triangular variants. Each entry shows the character, its codepoint, the HTML entity, the CSS content value for use in a stylesheet, and the percent-encoded form for URLs. Keyboard methods for Windows, Mac, and Linux are included so the symbol can be typed directly without copying.

How it works

Browse the grid of down arrow symbol variants.
Click a symbol card to copy that character to your clipboard.
Open the format row for a symbol to see its Unicode entity, CSS content value, and URL-encoded form.
Follow the keyboard method for your OS to type the arrow directly.

Use cases

Add a scroll-down indicator below a hero section or long page.
Insert the correct HTML entity for a down arrow in markup.
Set a CSS content value on a ::before/::after pseudo-element for a dropdown or accordion toggle.
Label a download button or link with a downward arrow.
Mark a downvote control in a comment or ranking widget.
Draw a flowchart step that flows from one box down into the next.

Frequently Asked Questions

Last updated: 2026-09-09 · Reviewed by Nham Vu