Up Arrow Symbol
Click any up arrow symbol below to copy it, with its Unicode codepoint, HTML entity, CSS content value, URL-encoded form, and keyboard shortcuts.
Use the Up Arrow Symbol
Click a symbol to copy
Format reference
| Symbol | Unicode | HTML Entity | CSS content | URL Encoded | |
|---|---|---|---|---|---|
| ↑ | U+2191 | ↑ (↑) | content: "\2191" | %E2%86%91 | |
| ⇑ | U+21D1 | ⇑ (⇑) | content: "\21D1" | %E2%87%91 | |
| ↥ | U+21A5 | ↥ | content: "\21A5" | %E2%86%A5 | |
| ⬆ | U+2B06 | ⬆ | content: "\2B06" | %E2%AC%86 | |
| ⇧ | U+21E7 | ⇧ | content: "\21E7" | %E2%87%A7 | |
| ▲ | U+25B2 | ▲ | content: "\25B2" | %E2%96%B2 | |
| △ | U+25B3 | △ | content: "\25B3" | %E2%96%B3 | |
| ↟ | U+219F | ↟ | content: "\219F" | %E2%86%9F |
Common usage examples
↑ Back to top
↑ 42 points
Database ↑ API ↑ App
Revenue moved ↑ this quarter.
Keyboard input methods
On systems that support legacy OEM Alt codes, hold Alt and type 2 4 on the numeric keypad. For consistent input, press Win + . and search "arrow".
Press Control + Command + Space to open Character Viewer, search "up arrow", then double-click it.
Press Ctrl + Shift + U, type 2191, then press Enter or Space.
Type 2191 then press Alt + X to convert it to the up arrow symbol.
Summary
This page lists the upward-pointing arrow symbols in Unicode, from the plain arrow (↑) to double-line, bar, 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 up 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 to top" or "back to top" arrow to a button label.
- Mark an upvote or "increase" indicator in a list or comment thread.
- Insert the correct HTML entity for an up arrow in markup.
- Set a CSS content value on a ::before/::after pseudo-element for an upward marker.
- Draw a flowchart step that points into a box from below.
- Look up the URL-encoded form of an arrow for a query string or href.
- Compare the thin arrow (↑) against double-line, bar, and triangular variants.