HTML Entity for Up Arrow From Bar (↥)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21A5

HTML Entity for Up Arrow From Bar (U+21A5) tutorial illustration

Definition

What Is the Up Arrow From Bar Entity?

Up Arrow From Bar (↥) is the Arrows character at Unicode U+21A5 (UPWARDS ARROW FROM BAR). It is an upward arrow that starts from a horizontal bar — useful for “up from a baseline” and scroll-to-top cues.

Remember

Character     ↥
Unicode       U+21A5
Hex entity    &#x21A5;
Decimal       &#8613;
Named entity  &mapstoup;
CSS escape    \21A5
Not the same  ↑ (&uarr;) · ⤒ (U+2912)

All of these produce the same glyph: ↥. Prefer &mapstoup; in HTML for readable source.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&mapstoup;`	HTML markup (preferred)
Hex entity	`↥`	HTML markup
Decimal entity	`↥`	HTML markup
Direct character	`↥`	UTF-8 HTML text
CSS escape	`\21A5`	Stylesheet `content`

When to Use Which

Situation	Use
Readable markup in HTML	`&mapstoup;`
Need a numeric entity	`↥` or `↥`
Generated text via `::before` / `::after`	`content: "\21A5"`
Plain up direction	Use ↑ (U+2191)
Up arrow that meets a bar (to bar)	Use ⤒ (U+2912)

See it

Live Preview

Up Arrow From Bar in common UI contexts.

Large glyph ↥

Named entity &mapstoup; → ↥

Compared ↥ from bar | ↑ plain | ⤒ to bar

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 From Bar (↥)</title>
  <style>
    #point::after {
      content: "\21A5";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21A5;</p>
  <p>Using HTML Code: &#8613;</p>
  <p>Using Named Entity: &mapstoup;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Back to top &mapstoup;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+21A5 → ↥ in HTML. The browser turns it into ↥.

2. Decimal: same code point as 8613 → ↥. Same result as hex.

3. Named: &mapstoup; is the HTML5 name for this character.

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

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

Pitfalls & Tips

Common mistakes when working with Up Arrow From Bar.

Look-alikes

↥ ≠ ↑ ≠ ⤒

U+21A5 starts from a bar. Plain up is U+2191. Arrow-to-bar is U+2912.

Readable

Prefer `&mapstoup;`

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

CSS vs HTML

Do not mix escapes

\21A5 belongs in CSS. &mapstoup; / ↥ / ↥ belong in HTML.

A11y

Add direction words

Pair ↥ with text like “Back to top” so the meaning is clear.

Down twin

Down from bar exists too

See down arrow from bar for the downward counterpart.

Semicolon

End references

Always finish with ; — write &mapstoup;, not &mapstoup.

Compatibility

Browser Support

Up Arrow From Bar (U+21A5) and its entity forms (&mapstoup;, ↥, ↥, CSS \\21A5) are supported in all modern browsers.

✓ Universal encoding

Up Arrow From Bar (↥)

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+21A5 / &mapstoup; Full support

Bottom line: Prefer &mapstoup; in HTML. Use \\21A5 only inside CSS content.

Remember

Key Takeaways

Unicode: this symbol is U+21A5 (decimal 8613).
HTML: prefer &mapstoup;, or use ↥ / ↥.
CSS: use \21A5 inside content for generated text.
Watch out: ↥ ≠ ↑ ≠ ⤒ (from bar ≠ plain ≠ to bar).

One line: U+21A5 → &mapstoup; / ↥ / ↥ / CSS \21A5.

Frequently Asked Questions

How do I display Up Arrow From Bar (↥) in HTML using entities?

Use &mapstoup; (named), ↥ (hex), ↥ (decimal), or the CSS escape \21A5 in the content property. You can also paste ↥ directly in UTF-8 HTML.

What is the Unicode value for Up Arrow From Bar?

U+21A5 (UPWARDS ARROW FROM BAR). Hex 21A5, decimal 8613. It belongs to Arrows (U+2190–U+21FF).

Is there a named HTML entity for U+21A5?

Yes. &mapstoup; is the HTML5 named entity. You can also use ↥ or ↥.

How is ↥ different from ↑ and ⤒?

↥ (U+21A5) is an up arrow rising from a bar. ↑ (U+2191) is plain up. ⤒ (U+2912) is up arrow to bar — arrow meets a bar at the tip instead of starting from a bar.

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

HTML entities (&mapstoup;, ↥, or ↥) go in markup. The CSS escape \21A5 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 or “up from a baseline” cues. Prefer &mapstoup; in HTML for readable source, and add visible text such as “Back to top” for accessibility.

Did you know?

Up Arrow From Bar is Unicode U+21A5 (decimal 8613) — UPWARDS ARROW FROM BAR in the Arrows block. HTML5 provides &mapstoup;. Prefer &mapstoup; for readable markup. Do not confuse it with plain up arrow U+2191 (↑) or up arrow to bar U+2912.

Next: Up Arrow Horizontal Stroke

Learn the HTML entity for Up Arrow Horizontal Stroke — 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 | Up Arrow Double Stroke HTML Entity | Up Arrow Horizontal Stroke