HTML Entity for Left White Arrow (⇦)
What You'll Learn
How to display the Left White Arrow (⇦) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21E6 (LEFTWARDS WHITE ARROW) in the Arrows block (U+2190–U+21FF)—a white or outline-style leftward arrow used in navigation buttons, directional indicators, UI design, and technical documentation.
Render it with ⇦, ⇦, or CSS \21E6. There is no named HTML entity. Pair with U+21E7 (⇧, rightwards white arrow) for bidirectional UI. Do not confuse ⇦ with ← (filled leftwards arrow / ←).
⚡ Quick Reference — Left White Arrow
U+21E6Arrows block
⇦Hexadecimal reference
⇦Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21E6
Hex code ⇦
HTML code ⇦
Named entity (none)
CSS code \21E6
Meaning Leftwards white arrow
Related U+21E7 = rightwards white arrow (⇧)
U+2190 = leftwards arrow (← / ←)Complete HTML Example
A simple example showing the Left White Arrow (⇦) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21E6";
}
</style>
</head>
<body>
<p>Arrow (hex): ⇦</p>
<p>Arrow (decimal): ⇦</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>🌐 Browser Support
The Left White Arrow (⇦) is universally supported in all modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left White Arrow (⇦) rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
⇦ uses the Unicode hexadecimal value 21E6 for the leftwards white arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇦ uses the decimal Unicode value 8678 to display the same character.
CSS Entity
\21E6 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All three methods produce ⇦. Unicode U+21E6 is in the Arrows block. There is no named HTML entity. Previous: Left Wave Arrow.
Use Cases
The Left White Arrow (⇦) is commonly used in:
Indicate “back” or leftward navigation in menus, breadcrumbs, and UI controls with a clean outline style.
Show direction or steps in tutorials and technical writing with a minimal arrow symbol.
Use in minimal or outline-style designs where a white arrow fits the visual language.
Display flow direction in process diagrams and flowcharts with a clear arrow symbol.
Use in custom buttons, pagination, or sliders for “previous” or “left” actions.
Use in dashboards, wizards, and multi-step forms for directional cues.
💡 Best Practices
Do
- Use
⇦or⇦for numeric references - Pair the symbol with text or
aria-label(e.g. “Go back”) for accessibility - Ensure sufficient contrast against the background for visibility
- Verify your font supports the Arrows block (U+21E6)
- Keep one entity style per project for consistency
Don’t
- Assume a named HTML entity exists—there is none for U+21E6
- Confuse ⇦ (white/outline) with ← (filled /
←) - Use CSS
\21E6inside HTML text nodes - Place the white arrow on low-contrast backgrounds without testing
- Mix entity styles randomly in one file
Key Takeaways
Two HTML references plus CSS all render ⇦
⇦ ⇦For CSS, use \21E6 in the content property
Unicode U+21E6 — LEFTWARDS WHITE ARROW
No named HTML entity—use hex or decimal numeric codes
Previous: Left Wave Arrow Next: Less Than Above Left Arrow
❓ Frequently Asked Questions
⇦ (hex), ⇦ (decimal), or \21E6 in CSS content. All three methods render ⇦ correctly. There is no named HTML entity.U+21E6 (LEFTWARDS WHITE ARROW). Arrows block (U+2190–U+21FF). Hex 21E6, decimal 8678. Used for leftward direction in UI and notation, often for a clean or minimal arrow style.⇦ or ⇦) go in markup. The CSS escape \21E6 is used in stylesheets, typically on ::before or ::after. Both produce ⇦.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful