HTML Entity for Up White Arrow On Pedestal (⇫)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21EB
HTML Entity for Up White Arrow On Pedestal (U+21EB) tutorial illustration
Definition

What Is the Up White Arrow On Pedestal Entity?

Up White Arrow On Pedestal (⇫) is the Unicode character at U+21EB (UPWARDS WHITE ARROW ON PEDESTAL) in the Arrows block. It is a hollow upward arrow standing on a pedestal base — used for directional icons and scroll-to-top style UI.

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

All of these produce the same glyph: ⇫. Compare Up White Arrow (U+21E7) and Up White Arrow Bar (U+21EA) for related hollow forms.

Reference

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\21EBStylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need the pedestal formType the character, or ⇫ / ⇫
Generated text via ::before / ::aftercontent: "\21EB"
Plain white up (Shift)Use ⇧ (U+21E7)
White up from bar (Caps Lock)Use ⇪ (U+21EA)
Everyday filled up arrowUse ↑ (U+2191)
See it

Live Preview

This pedestal arrow in common UI contexts.

Top Top ⇫
Large glyph ⇫
Compared ⇫ pedestal   ⇪ from bar   ⇧ plain
Hint 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 short labels).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Up White Arrow On Pedestal</title>
  <style>
    #point::after {
      content: "\21EB";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21EB;</p>
  <p>Using HTML Code: &#8683;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: &#x21EB;</p>
  <p>Top &#x21EB;</p>
  <p>Move up &#x21EB;</p>
</body>
</html>
Try It Yourself

How It Works

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

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

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

4. Typed / labels: fine in UTF-8 pages. Top ⇫ and Move up ⇫ show common UI patterns.

Pitfalls & Tips

Common mistakes when working with this arrow.

Named?

No named entity

HTML5 does not define a named entity for U+21EB. Use numeric forms. &uarr; is a different, filled character.

Look-alikes

Pedestal ≠ from bar ≠ plain

U+21EB has a pedestal. U+21EA is from a bar. U+21E7 is plain white up.

CSS vs HTML

Do not mix escapes

\21EB belongs in CSS. &#x21EB; / &#8683; belong in HTML.

Fonts

Check the glyph

Arrow coverage varies by font. If the pedestal does not show clearly, describe the action in nearby text.

A11y

Do not rely on the icon alone

Screen readers may not name this arrow clearly. Keep labels like “Back to top” next to the glyph.

Semicolon

End references

Always finish with ; — write &#8683;, not &#8683.

Compatibility

Browser Support

Up White Arrow On Pedestal (U+21EB) and its numeric entity forms (&#x21EB;, &#8683;, CSS \\21EB) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Up White Arrow On Pedestal

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

Bottom line: Use &#x21EB; or &#8683; for the Unicode glyph, and \\21EB only inside CSS content. Prefer &uarr; for everyday filled up cues.

Remember

Key Takeaways

  • Unicode: this symbol is U+21EB (decimal 8683).
  • HTML: use &#x21EB; or &#8683; when you need an entity.
  • CSS: use \21EB inside content for generated text.
  • Watch out: pedestal U+21EB ≠ from-bar U+21EA ≠ plain U+21E7.

One line: U+21EB → &#x21EB; / &#8683; / CSS \21EB.

Frequently Asked Questions

Use &#x21EB; (hex), &#8683; (decimal), or the CSS escape \21EB in the content property. All render U+21EB. You can also paste the character directly when your file is UTF-8.
U+21EB (hex 21EB, decimal 8683). Unicode names it UPWARDS WHITE ARROW ON PEDESTAL. 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 &#x21EB; or &#8683;. Prefer &uarr; for an everyday filled up arrow.
U+21EB is a white up arrow on a pedestal. U+21E7 is plain white up (often Shift). U+21EA is white up from a bar (often Caps Lock). They are different code points.
HTML entities (&#8683; or &#x21EB;) go in markup. The CSS escape \21EB is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.
Use it when you need a pedestal-style white up cue in UI or diagrams. Prefer &uarr; for simple navigation. Always pair the glyph with clear labels for accessibility.

Did you know?

This character is Unicode U+21EB (decimal 8683) — official name UPWARDS WHITE ARROW ON PEDESTAL in the Arrows block. HTML5 has no named entity. It differs from plain white up U+21E7 and white up from bar U+21EA.

Next: Upper Blade Scissors

Learn the HTML entity for Upper Blade Scissors — 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Up White Arrow Bar HTML Entity | Upper Blade Scissors