HTML Entity for Up Arrow Pedestal Horizontal (⇬)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21EC

HTML Entity for Up Arrow Pedestal Horizontal (U+21EC) tutorial illustration

Definition

What Is the Up Arrow Pedestal Horizontal Entity?

Up Arrow Pedestal Horizontal (⇬) is the Unicode character at U+21EC (UPWARDS WHITE ARROW ON PEDESTAL WITH HORIZONTAL BAR) in the Arrows block. It is a white up arrow on a pedestal that includes a horizontal bar — useful for grounded “up” / scroll-to-top cues.

Remember

Character     ⇬
Unicode       U+21EC
Hex entity    &#x21EC;
Decimal       &#8684;
CSS escape    \21EC
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	`\21EC`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Need the U+21EC glyph	Type the character, or `⇬` / `⇬`
Generated text via `::before` / `::after`	`content: "\21EC"`
Plain up direction	Use ↑ (U+2191)
Pedestal with vertical bar	Use ⇭ (U+21ED)
Looking for a named entity	None for U+21EC — use numeric form

See it

Live Preview

Up Arrow Pedestal Horizontal in common UI contexts.

Top cue Top ⇬

Large glyph ⇬

Compared ⇬ ⇭ ↑

Label Move up ⇬

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 short label).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up Arrow Pedestal Horizontal</title>
  <style>
    #point::after {
      content: "\21EC";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21EC;</p>
  <p>Using HTML Code: &#8684;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x21EC;</p>
  <p>Top &#x21EC;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+21EC → ⇬ in HTML. The browser turns it into the glyph.

2. Decimal: same code point as 8684 → ⇬. Same result as hex.

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

4. Typed / label: fine in UTF-8 pages. The “Top” line shows the symbol with supporting text.

Pitfalls & Tips

Common mistakes when working with Up Arrow Pedestal Horizontal.

Named?

No named entity

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

Look-alikes

U+21EC ≠ U+21ED ≠ ↑

Horizontal-bar pedestal is U+21EC. Vertical-bar pedestal is U+21ED. Plain up is U+2191.

CSS vs HTML

Do not mix escapes

\21EC belongs in CSS. ⇬ / ⇬ belong in HTML.

Fonts

Check the glyph

Specialized arrow coverage varies. If the mark is missing, fall back to ↑ plus wording.

A11y

Describe the action

Pair the glyph with text like “Top” or “Back to top” so the meaning is clear.

Semicolon

End references

Always finish with ; — write ⇬, not &#8684.

Compatibility

Browser Support

Up Arrow Pedestal Horizontal (U+21EC) and its numeric entity forms (⇬, ⇬, CSS \\21EC) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Up Arrow Pedestal Horizontal

Encode with hex, decimal, or CSS escape — or paste the character 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+21EC / entities Full support

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

Remember

Key Takeaways

Unicode: this symbol is U+21EC (decimal 8684).
HTML: use ⇬ or ⇬ when you need an entity.
CSS: use \21EC inside content for generated text.
Watch out: U+21EC ≠ U+21ED ≠ ↑ (horizontal pedestal ≠ vertical pedestal ≠ plain up).

One line: U+21EC → ⇬ / ⇬ / CSS \21EC.

Frequently Asked Questions

How do I display Up Arrow Pedestal Horizontal in HTML?

Use ⇬ (hex), ⇬ (decimal), or the CSS escape \21EC in the content property. All render U+21EC. You can also paste the character directly when your file is UTF-8.

What is the Unicode value for Up Arrow Pedestal Horizontal?

U+21EC (hex 21EC, decimal 8684). Unicode names it UPWARDS WHITE ARROW ON PEDESTAL WITH HORIZONTAL BAR. It belongs to the Arrows block (U+2190–U+21FF).

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

No. HTML5 does not define a named entity for this character. Use numeric references like ⇬ or ⇬.

How is U+21EC different from U+21ED and ↑?

U+21EC has a horizontal bar on the pedestal. U+21ED has a vertical bar on the pedestal. ↑ (U+2191, ↑) is the plain up arrow without a pedestal.

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

HTML entities (⇬ or ⇬) go in markup. The CSS escape \21EC is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.

When should I use this symbol?

Use it for specialized scroll-to-top or navigation icons that need the pedestal look. For everyday up direction, prefer ↑ (↑). Always pair the glyph with clear text for accessibility.

Did you know?

Up Arrow Pedestal Horizontal is Unicode U+21EC (decimal 8684) — official name UPWARDS WHITE ARROW ON PEDESTAL WITH HORIZONTAL BAR in the Arrows block. HTML5 has no named entity. It is a white up arrow on a pedestal with a horizontal bar and is not the vertical-bar pedestal (U+21ED) or plain ↑ (↑).

Next: Up Arrow Pedestal Vertical

Learn the HTML entity for Up Arrow Pedestal Vertical — 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 Left Down Arrow HTML Entity | Up Arrow Pedestal Vertical