HTML Entity for Up Arrow (↑)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2191

HTML Entity for Up Arrow (U+2191) tutorial illustration

Definition

What Is the Up Arrow Entity?

Up Arrow (↑) is the Arrows character at Unicode U+2191 (UPWARDS ARROW). It is the common upward direction mark used for navigation, sort cues, and scroll-to-top UI.

Remember

Character     ↑
Unicode       U+2191
Hex entity    &#x2191;
Decimal       &#8593;
Named entity  &uarr;
CSS escape    \2191
Not the same  ↓ (&darr;) · ▴ (U+25B4)

All of these produce the same glyph: ↑. Prefer ↑ in HTML for readable direction markup.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`↑`	HTML markup (preferred)
Hex entity	`↑`	HTML markup
Decimal entity	`↑`	HTML markup
Direct character	`↑`	UTF-8 HTML text
CSS escape	`\2191`	Stylesheet `content`

When to Use Which

Situation	Use
Readable direction in HTML	`↑`
Need a numeric entity	`↑` or `↑`
Generated text via `::before` / `::after`	`content: "\2191"`
Down direction	Use ↓ (U+2193)
Up with a bar (specialized arrow)	See up arrow bar (U+2912)

See it

Live Preview

Up Arrow in common UI contexts.

Large glyph ↑

Named entity ↑ → ↑

vs ↓ ↑ up | ↓ down

With entities Hex: ↑ | Decimal: ↑ | Named: ↑

Code

Complete HTML Example

One page that shows this symbol with hex, decimal, named, and CSS. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ↑ in a single document (plus a UI label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Arrow (↑)</title>
  <style>
    #point::after {
      content: "\2191";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2191;</p>
  <p>Using HTML Code: &#8593;</p>
  <p>Using Named Entity: &uarr;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Back to top &uarr;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2191 → ↑ in HTML. The browser turns it into ↑.

2. Decimal: same code point as 8593 → ↑. Same result as hex.

3. Named: ↑ is the HTML5 name for this character (alias &UpArrow;).

4. CSS: use \2191 in content (not an HTML entity). #point::after appends that ↑ after the paragraph text.

5. UI label: Back to top ↑ shows the usual pattern — symbol plus clear wording.

Pitfalls & Tips

Common mistakes when working with Up Arrow.

Look-alikes

↑ ≠ ↓ ≠ ▴

U+2191 is up arrow. Down is U+2193 (↓). Up-pointing triangle U+25B4 is a different glyph.

Readable

Prefer `↑`

Named form is easiest to scan in UI tutorials. Numeric forms are equally valid.

CSS vs HTML

Do not mix escapes

\2191 belongs in CSS. ↑ / ↑ / ↑ belong in HTML.

A11y

Add direction words

Screen readers may say “up arrow.” Pair with text like “Back to top” or “Sort ascending.”

Caret

Do not fake it with ^

A caret is not the Arrows-block up arrow. Use ↑ or paste ↑.

Semicolon

End references

Always finish with ; — write ↑, not &uarr.

Compatibility

Browser Support

Up Arrow (U+2191) and its entity forms (↑, ↑, ↑, CSS \\2191) are supported in all modern browsers.

✓ Universal encoding

Up Arrow (↑)

Encode with named, hex, decimal, or CSS escape — or paste ↑ in UTF-8 HTML.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All

Yes

U+2191 / ↑ Full support

Bottom line: Prefer ↑ in HTML. Use \\2191 only inside CSS content.

Remember

Key Takeaways

Unicode: this symbol is U+2191 (decimal 8593).
HTML: prefer ↑, or use ↑ / ↑.
CSS: use \2191 inside content for generated text.
Watch out: ↑ ≠ ↓ ≠ ▴ (↑ ≠ ↓ ≠ triangle).

One line: U+2191 → ↑ / ↑ / ↑ / CSS \2191.

Frequently Asked Questions

How do I display Up Arrow (↑) in HTML using entities?

Use ↑ (named), ↑ (hex), ↑ (decimal), or the CSS escape \2191 in the content property. You can also paste ↑ directly in UTF-8 HTML.

What is the Unicode value for Up Arrow?

U+2191 (UPWARDS ARROW). Hex 2191, decimal 8593. It belongs to Arrows (U+2190–U+21FF).

Is there a named HTML entity for U+2191?

Yes. ↑ is the HTML5 named entity (alias &UpArrow;). You can also use ↑ or ↑.

What is the difference between ↑ and ↓?

↑ (U+2191, ↑) is up. ↓ (U+2193, ↓) is down. They are different directional characters.

What is the difference between HTML code and CSS entity for U+2191?

HTML entities (↑, ↑, or ↑) go in markup. The CSS escape \2191 is used in stylesheets (usually in the content property of ::before/::after). Both render ↑.

When should I use this HTML entity?

Use ↑ for scroll-to-top labels, sort ascending cues, and UI direction. Prefer ↑ in HTML for readable source, and add visible text such as “Back to top” for accessibility.

Did you know?

Up Arrow is Unicode U+2191 (decimal 8593) — UPWARDS ARROW in the Arrows block. HTML5 provides ↑ (alias &UpArrow;). Prefer ↑ for readable direction markup. Do not confuse it with down arrow U+2193 (↓) or the up-pointing triangle U+25B4.

Next: Up Arrow Bar

Learn the HTML entity for Up Arrow Bar — next in this sequence.

Continue tutorial →

About the author

Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

Experience 12 years building web and cloud systems
Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Unmarried Partnership Symbol HTML Entity | Up Arrow Bar