HTML Entity for Up Arrow Bar (⤒)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2912

HTML Entity for Up Arrow Bar (⤒) tutorial illustration

Definition

What Is the Up Arrow Bar Entity?

Up Arrow Bar (⤒) is the Unicode character at U+2912 (UPWARDS ARROW TO BAR) in Supplemental Arrows-B. It is an upward arrow that meets a horizontal bar — useful for “jump up to a stop” style UI cues.

Remember

Character     ⤒
Unicode       U+2912
Hex entity    &#x2912;
Decimal       &#10514;
CSS escape    \2912
Named entity  (none)

All of these produce the same glyph: ⤒. For everyday up direction, prefer ↑ (↑).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`⤒`	HTML text (UTF-8)
Hex entity	`⤒`	HTML markup
Decimal entity	`⤒`	HTML markup
CSS escape	`\2912`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Need the ⤒ glyph	Type `⤒`, or `⤒` / `⤒`
Generated text via `::before` / `::after`	`content: "\2912"`
Plain up direction	Use ↑ (U+2191)
Up arrow from a bar	See up arrow from bar
Looking for `&uarrbar;` or similar	Does not exist for U+2912 — use numeric form

See it

Live Preview

Up Arrow Bar in common navigation contexts.

Jump cue Jump to header ⤒

Large glyph ⤒

Compared ⤒ ↑

Label Move up to bar ⤒

With entities Hex: ⤒ | Decimal: ⤒

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

All four ways to produce ⤒ in a single document (plus a jump label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Arrow Bar (⤒)</title>
  <style>
    #point::after {
      content: "\2912";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2912;</p>
  <p>Using HTML Code: &#10514;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⤒</p>
  <p>Jump to header &#x2912;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2912 → ⤒ in HTML. The browser turns it into ⤒.

2. Decimal: same code point as 10514 → ⤒. Same result as hex.

3. CSS: use \2912 in content (not an HTML entity). #point::after appends that ⤒ after the paragraph text.

4. Typed ⤒: fine in UTF-8 pages. The jump label shows the symbol with supporting text.

Pitfalls & Tips

Common mistakes when working with Up Arrow Bar.

Named?

No named entity

HTML5 does not define a named entity for U+2912. Use numeric forms.

Look-alikes

⤒ ≠ ↑

U+2912 includes the bar. Plain up arrow is U+2191 (↑).

CSS vs HTML

Do not mix escapes

\2912 belongs in CSS. ⤒ / ⤒ belong in HTML.

Fonts

Check the glyph

Supplemental Arrows-B coverage varies. If ⤒ is missing, fall back to ↑ plus wording.

A11y

Describe the action

Pair ⤒ with text like “Jump to header” so the meaning is clear.

Semicolon

End references

Always finish with ; — write ⤒, not &#10514.

Compatibility

Browser Support

Up Arrow Bar (U+2912) and its numeric entity forms (⤒, ⤒, CSS \\2912) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Up Arrow Bar (⤒)

Encode with 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 versions

Yes

U+2912 / entities Full support

Bottom line: Use ⤒ or ⤒ for the Unicode glyph, and \\2912 only inside CSS content. Prefer ↑ for plain up.

Remember

Key Takeaways

Unicode: this symbol is U+2912 (decimal 10514).
HTML: use ⤒ or ⤒ when you need an entity.
CSS: use \2912 inside content for generated text.
Watch out: ⤒ ≠ ↑ (arrow-to-bar ≠ plain up arrow).

One line: U+2912 → ⤒ / ⤒ / CSS \2912, or paste ⤒.

Frequently Asked Questions

How do I display Up Arrow Bar (⤒) in HTML?

Use ⤒ (hex), ⤒ (decimal), or the CSS escape \2912 in the content property. All render ⤒. You can also paste ⤒ directly when your file is UTF-8.

What is the Unicode value for Up Arrow Bar?

U+2912 (hex 2912, decimal 10514). Unicode names it UPWARDS ARROW TO BAR. It belongs to Supplemental Arrows-B (U+2900–U+297F).

Is there a named HTML entity for ⤒?

No. HTML5 does not define a named entity for ⤒. Use numeric references like ⤒ or ⤒.

How is ⤒ different from ↑?

⤒ (U+2912) is an up arrow that meets a bar. ↑ (U+2191, ↑) is the plain upwards arrow without that bar.

What is the difference between HTML code and CSS entity for ⤒?

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

When should I use ⤒?

Use it when you need “up to a stop/bar” meaning — for example jump-to-header cues. For everyday up direction, prefer ↑ (↑).

Did you know?

Up Arrow Bar is Unicode U+2912 (decimal 10514) — official name UPWARDS ARROW TO BAR in Supplemental Arrows-B. HTML5 has no named entity. It is an up arrow that meets a horizontal bar and is not the plain up arrow (U+2191 ↑, ↑).

Next: Up Arrow Below

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