Up Arrow (↑)
HTML entity for the up arrow (↑). Learn how to use ↑ or ↑ in HTML for scroll-to-top buttons, sorting indicators, and more.
Arrow
↑
Up Arrow
All Formats
| Format | Value |
|---|---|
| Character | ↑ |
| HTML Entity | ↑ |
| HTML Code (Decimal) | ↑ |
| Unicode | U+2191 |
| CSS Content | \2191 |
| Category | Arrow |
About Up Arrow
The up arrow (↑) is a directional symbol used in web design for scroll-to-top buttons, sorting indicators in tables, upvote icons, and indicating upward movement or increase.
In HTML, insert the up arrow using ↑, ↑, or ↑. The named entity ↑ is clear and well-supported. Up arrows are particularly common in data tables where clicking a column header sorts the data in ascending order.
The up arrow is part of the Arrows Unicode block (U+2190–U+21FF). It renders as a simple vertical arrow pointing upward and is available in most fonts. For a double-headed up arrow, use ⇑ (⇑), and for a longer version, consider the Unicode character U+27F0.
In CSS, use "\2191" with the content property to insert up arrows as pseudo-element decorations. A popular use case is the "back to top" button that appears when users scroll down a long page. The character is accessible to screen readers, which typically announce it as "up arrow" or "upwards arrow."
Usage Examples
<!-- Using named entity -->
<p>This is the Up Arrow: ↑</p>
<!-- Using numeric code -->
<p>This is the Up Arrow: ↑</p>
<!-- Using the character directly (UTF-8) -->
<p>This is the Up Arrow: ↑</p>
<!-- In CSS -->
.icon::before {
content: "\2191";
}FAQ
What is the HTML entity for Up Arrow?
The Up 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 "\2191". For example: content: "\2191";
What is the Unicode code point for Up Arrow?
The Unicode code point for Up Arrow is U+2191. 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.