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 Windows?

Hold Alt and type 25 on the numeric keypad for a simple triangular arrow, or hold Alt and type 0 8 6 3 for the Unicode down arrow. The Windows emoji panel (Win + .) also has an arrow section.

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

Name: Down Arrow Symbol
Availability: InStock
Author: Nham Vu

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

Hold Alt and type 0 8 6 3 on the numeric keypad for the Unicode down arrow (↓), or press Win + . and search "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

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

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-07-22 · Reviewed by Nham Vu