Web logo  UseSymbol

↑ Upwards Arrow Symbol

Click above button to copy ↑ symbol

Copy and paste shortcodes for ↑ Upwards Arrow.

Unicode U+2191
Alt Code 8593
HTML Code ↑
CSS Code \2191
HTML Entity ↑
HEX Code ↑

How to type Upwards Arrow?

To type the using the keyboard you can the Alt code from the shortcode section. Here are the two simple steps to type the using Alt code from your keyboard. Make sure you switch on the Num Lock from the keyboard and you type the number from the Numpad and not from the top row of the keyboard.

  1. Hold down the left Alt Key from your keyboard.
  2. Type the Alt code number 8593 and release the Alt key.

Once you release the Alt key, the symbol will be displayed. This trick will work for other special characters also.

How to add Upwards Arrow Symbol in HTML?

To add the ↑ Upwards Arrow Symbol in HTML, you can use an HTML entity, an HTML code(decimal), and a Hex code. Use the shortcode section to copy the various shortcodes for the Upwards Arrow. Here is the example:

// HTML entity example
<span>I am &ShortUpArrow; Symbol</span>
// HTML code example
<span>I am &#8593; Symbol</span>
// HEX code example
<span>I am &#x2191; Symbol</span>

All the above example will display the Upwards Arrow symbol as below.

I am symbol.

How to add Upwards Arrow Symbol in CSS?

To display the Upwards Arrow Symbol from CSS, you can use a CSS shortcode or CSS entity. Use the shortcode section to copy the CSS entity code for the Upwards Arrow. You can only add content :before or :after an element: Here is the example:

// CSS entity code example
.useSymbol:after {
  content: ' \2191';

// The HTML
<div class="useSymbol">Upwards Arrow</div>

The above example for CSS entiry for Upwards Arrow symbol will display the result as below.

Upwards Arrow ↑

Copy Paste More Arrow Symbols

Explore All Symbols ➔