HTML Entity for Up Arrow Pedestal Vertical (⇭)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21ED

What Is the Up Arrow Pedestal Vertical Entity?

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

Remember
Character     ⇭
Unicode       U+21ED
Hex entity    ⇭
Decimal       ⇭
CSS escape    \21ED
Named entity  (none)

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

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character⇭HTML text (UTF-8)
Hex entity⇭HTML markup
Decimal entity⇭HTML markup
CSS escape\21EDStylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need the U+21ED glyphType the character, or ⇭ / ⇭
Generated text via ::before / ::aftercontent: "\21ED"
Plain up directionUse ↑ (U+2191)
Pedestal with horizontal barUse ⇬ (U+21EC)
Looking for a named entityNone for U+21ED — use numeric form

Live Preview

Up Arrow Pedestal Vertical in common UI contexts.

Top cue Top ⇭
Large glyph ⇭
Compared ⇭   ⇬   ↑
Label Move up ⇭
With entities Hex: ⇭ | Decimal: ⇭

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 Vertical</title>
  <style>
    #point::after {
      content: "\21ED";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21ED;</p>
  <p>Using HTML Code: &#8685;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x21ED;</p>
  <p>Top &#x21ED;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21ED → &#x21ED; in HTML. The browser turns it into the glyph.

2. Decimal: same code point as 8685 → &#8685;. Same result as hex.

3. CSS: use \21ED 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 Vertical.

Named?

No named entity

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

Look-alikes

U+21ED ≠ U+21EC ≠ ↑

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

CSS vs HTML

Do not mix escapes

\21ED belongs in CSS. &#x21ED; / &#8685; 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 &#8685;, not &#8685.

Browser Support

Up Arrow Pedestal Vertical (U+21ED) and its numeric entity forms (&#x21ED;, &#8685;, CSS \\21ED) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Up Arrow Pedestal Vertical

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+21ED / entities Full support

Bottom line: Use &#x21ED; or &#8685; for the Unicode glyph, and \\21ED only inside CSS content. Prefer &uarr; for plain up.

Key Takeaways

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

One line: U+21ED → &#x21ED; / &#8685; / CSS \21ED.

Frequently Asked Questions

Use &#x21ED; (hex), &#8685; (decimal), or the CSS escape \21ED in the content property. All render U+21ED. You can also paste the character directly when your file is UTF-8.
U+21ED (hex 21ED, decimal 8685). Unicode names it UPWARDS WHITE ARROW ON PEDESTAL WITH VERTICAL BAR. It belongs to the Arrows block (U+2190–U+21FF).
No. HTML5 does not define a named entity for this character. Use numeric references like &#x21ED; or &#8685;.
U+21ED has a vertical bar on the pedestal. U+21EC has a horizontal bar on the pedestal. ↑ (U+2191, &uarr;) is the plain up arrow without a pedestal.
HTML entities (&#8685; or &#x21ED;) go in markup. The CSS escape \21ED is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.
Use it for specialized scroll-to-top or navigation icons that need the vertical-bar pedestal look. For everyday up direction, prefer &uarr; (↑). Always pair the glyph with clear text for accessibility.

Did you know?

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

Next: Up Arrow Tip Left

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

Continue tutorial →

About the author

Mari Selvan M P
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.

8 people found this page helpful