HTML Entity for Left Double Arrow (⇐)
What You'll Learn
How to display the Left Double Arrow (⇐) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21D0 (LEFTWARDS DOUBLE ARROW) in the Arrows block (U+2190–U+21FF)—a left-pointing double arrow used in logic (implication), navigation, flow diagrams, and symbolic representations.
Render it with ⇐ (named), ⇐, ⇐, or CSS \21D0. Related: U+21D2 (⇒, right double arrow / ⇒), U+2190 (←, simple left arrow / ←).
⚡ Quick Reference — Left Double Arrow
U+21D0Arrows block
⇐Hexadecimal reference
⇐Decimal reference
⇐Most readable option
Name Value
──────────── ──────────
Unicode U+21D0
Hex code ⇐
HTML code ⇐
Named entity ⇐
CSS code \21D0
Meaning Leftwards double arrow
Related U+21D2 = right double arrow (⇒)
U+2190 = left arrow (←)Complete HTML Example
A simple example showing the Left Double Arrow (⇐) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21D0";
}
</style>
</head>
<body>
<p>Symbol using Hexadecimal: ⇐</p>
<p>Symbol using HTML Code: ⇐</p>
<p>Symbol using HTML Entity: ⇐</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Left Double Arrow (⇐) renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left Double Arrow (⇐) in logic and navigation contexts:
🧠 How It Works
Named HTML Entity
⇐ is the named entity for the Left Double Arrow (leftwards double arrow). It is easy to read in logic and navigation markup.
Hexadecimal Code
⇐ uses the Unicode hexadecimal value 21D0. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇐ uses the decimal Unicode value 8656 for the same symbol.
CSS Entity
\21D0 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⇐. Unicode U+21D0 is in the Arrows block. Previous: Left Dashed Arrow.
Use Cases
The Left Double Arrow (⇐) is commonly used in:
Represent logical implication or equivalence in math and logic notation.
Indicate “back” or “previous” in menus, breadcrumbs, and navigation UI.
Show direction or implication in flowcharts and process steps.
Point to previous step or “go back” in guides and technical docs.
Decorative or functional left double arrow in buttons, labels, and icons.
Previous slide or previous item controls in carousels and galleries.
💡 Best Practices
Do
- Prefer
⇐in HTML for readability - Pair ⇐ with text (“Previous”, “Back”) or
aria-labelfor accessibility - Use fonts that support the Arrows block (U+21D0)
- Set
<meta charset="utf-8"> - Keep one encoding style per project for consistency
- Distinguish ⇐ from ← when double vs single arrow matters
Don’t
- Confuse
⇐(U+21D0) with←(U+2190) - Confuse
⇐with⇒(U+21D2, right double arrow) - Use CSS
\21D0inside HTML text nodes - Assume ⇐ always means logical implication without context
- Mix named and numeric entities inconsistently in the same component
Key Takeaways
Four ways to render U+21D0 in web content
⇐ ⇐ ⇐For CSS, use \21D0 in the content property
Unicode U+21D0 — LEFTWARDS DOUBLE ARROW
Arrows block (U+2190–U+21FF)
Previous: Left Dashed Arrow (⇠) Next: Left Double Arrow Bar
❓ Frequently Asked Questions
⇐ (named), ⇐ (hex), ⇐ (decimal), or \21D0 in CSS content. All four methods render ⇐ correctly.U+21D0 (LEFTWARDS DOUBLE ARROW). Arrows block (U+2190–U+21FF). Hex 21D0, decimal 8656. Used in logic, implication, and navigation.⇐, ⇐, ⇐) go in markup. The CSS escape \21D0 is used in stylesheets, typically on ::before or ::after. Both produce ⇐.⇐ is the named HTML entity for U+21D0. You can also use ⇐ (decimal), ⇐ (hex), or \21D0 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful