Down Arrow (↓)
HTML entity for the down arrow (↓). Learn how to use ↓ or ↓ in HTML for dropdown indicators, sorting, and scroll cues.
Arrow
↓
Down Arrow
All Formats
| Format | Value |
|---|---|
| Character | ↓ |
| HTML Entity | ↓ |
| HTML Code (Decimal) | ↓ |
| Unicode | U+2193 |
| CSS Content | \2193 |
| Category | Arrow |
About Down Arrow
The down arrow (↓) is a directional symbol used in web design for dropdown menu indicators, descending sort indicators in tables, download buttons, and scroll-down cues.
In HTML, insert the down arrow using ↓, ↓, or ↓. The named entity ↓ is well-supported across all modern browsers. Down arrows are commonly used alongside dropdown menus and select elements to indicate expandable content.
The down arrow is part of the Arrows Unicode block. It renders as a simple vertical arrow pointing downward and is available in virtually all fonts. For a double-headed down arrow, use ⇓ (⇓). For a more decorative option, consider the downwards triangle ▼.
In CSS, use "\2193" with the content property to add down arrows via pseudo-elements. This is commonly used for accordion toggles, where the arrow rotates between pointing down (collapsed) and up (expanded). Screen readers announce this character as "down arrow" or "downwards arrow," making it accessible.
Usage Examples
<!-- Using named entity -->
<p>This is the Down Arrow: ↓</p>
<!-- Using numeric code -->
<p>This is the Down Arrow: ↓</p>
<!-- Using the character directly (UTF-8) -->
<p>This is the Down Arrow: ↓</p>
<!-- In CSS -->
.icon::before {
content: "\2193";
}FAQ
What is the HTML entity for Down Arrow?
The Down Arrow (↓) can be inserted using the named entity ↓, the numeric code ↓, or by pasting the character directly in a UTF-8 document.
How do I use ↓ in CSS?
In CSS, use the content property with the value "\2193". For example: content: "\2193";
What is the Unicode code point for Down Arrow?
The Unicode code point for Down Arrow is U+2193. This is the universal identifier for this character across all platforms and programming languages.
Try It in the HTML Entity Tool
Use our HTML Entity Encoder & Decoder to encode and decode HTML entities, convert between named, numeric, and hex formats, and explore the full entity reference table.