Up White Arrow Bar (⇪) is the Unicode character at U+21EA (UPWARDS WHITE ARROW FROM BAR) in the Arrows block. It is a hollow upward arrow rising from a horizontal bar — used for navigation cues and as a common Caps Lock indicator.
Remember
Character ⇪
Unicode U+21EA
Hex entity ⇪
Decimal ⇪
CSS escape \21EA
Named entity (none)
Also known as Caps Lock indicator
All of these produce the same glyph: ⇪. For white up without a bar, see Up White Arrow (U+21E7). For a filled up-from-bar arrow, use ↥ (U+21A5).
Using Hex Code: ⇪
Using HTML Code: ⇪
Using CSS Entity: ⇪
Typed directly: ⇪
⇪ Caps Lock
Jump up ⇪
How It Works
1. Hex:U+21EA → ⇪ in HTML. The browser turns it into the glyph.
2. Decimal: same code point as 8682 → ⇪. Same result as hex.
3. CSS: use \21EA in content (not an HTML entity). #point::after appends that glyph after the paragraph text.
4. Typed / labels: fine in UTF-8 pages. ⇪ Caps Lock and Jump up ⇪ show common documentation and UI patterns.
Pitfalls & Tips
Common mistakes when working with this arrow.
Named?
No named entity
HTML5 does not define a named entity for U+21EA. Use numeric forms. ↥ is a different, filled character.
Look-alikes
From bar ≠ plain ≠ filled
U+21EA is white from bar. U+21E7 is plain white up. U+21A5 (↥) is filled from bar.
Meaning
Context changes the reading
In keyboard docs it often means Caps Lock. In UI it may mean “up from baseline.” Label the meaning nearby.
CSS vs HTML
Do not mix escapes
\21EA belongs in CSS. ⇪ / ⇪ belong in HTML.
A11y
Do not rely on the icon alone
Screen readers may not name this arrow clearly. Keep labels like “Caps Lock” next to the glyph.
Semicolon
End references
Always finish with ; — write ⇪, not ⇪.
Compatibility
Browser Support
Up White Arrow Bar (U+21EA) and its numeric entity forms (⇪, ⇪, CSS \\21EA) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
Up White Arrow Bar
Encode with hex, decimal, or CSS escape — or paste the character in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+21EA / entitiesFull support
Bottom line: Use ⇪ or ⇪ for the Unicode glyph, and \\21EA only inside CSS content. Prefer U+21E7 for plain white up / Shift.
Remember
Key Takeaways
Unicode: this symbol is U+21EA (decimal 8682).
HTML: use ⇪ or ⇪ when you need an entity.
CSS: use \21EA inside content for generated text.
Watch out: U+21EA ≠ U+21E7 (no bar) ≠ ↥ (filled).
One line:U+21EA → ⇪ / ⇪ / CSS \21EA.
Frequently Asked Questions
Use ⇪ (hex), ⇪ (decimal), or the CSS escape \21EA in the content property. All render U+21EA. You can also paste the character directly when your file is UTF-8.
U+21EA (hex 21EA, decimal 8682). Unicode names it UPWARDS WHITE ARROW FROM 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 ⇪ or ⇪. For a filled up-from-bar arrow, use ↥ (U+21A5).
Yes. U+21EA is commonly used in keyboard documentation as a Caps Lock indicator. In UI it can also mean “up from a baseline.”
HTML entities (⇪ or ⇪) go in markup. The CSS escape \21EA is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.
Use it for Caps Lock docs or a white up-from-bar cue. Prefer U+21E7 for plain white up / Shift, and ↑ for a simple filled up arrow. Always pair the glyph with clear labels for accessibility.
🤔
Did you know?
This character is Unicode U+21EA (decimal 8682) — official name UPWARDS WHITE ARROW FROM BAR in the Arrows block. HTML5 has no named entity. It is often used as a Caps Lock indicator and differs from plain white up U+21E7 and filled ↥ (U+21A5).
