HTML Entity for Left Paired Arrows (⇇)
What You'll Learn
How to display the Left Paired Arrows (⇇) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21C7 (LEFTWARDS PAIRED ARROWS) in the Arrows block (U+2190–U+21FF)—a pair of left-pointing arrows used in navigation, diagrams, rewind controls, and directional notation.
Render it with ⇇ (named), ⇇, ⇇, or CSS \21C7. Related: U+2190 (←, simple left arrow / ←), U+21C8 (⇈, right paired arrows / ⇉).
⚡ Quick Reference — Left Paired Arrows
U+21C7Arrows block
⇇Hexadecimal reference
⇇Decimal reference
⇇Most readable option
Name Value
──────────── ──────────
Unicode U+21C7
Hex code ⇇
HTML code ⇇
Named entity ⇇
CSS code \21C7
Meaning Leftwards paired arrows
Related U+2190 = left arrow (←)
U+21C8 = right paired arrows (⇈)Complete HTML Example
A simple example showing the Left Paired Arrows (⇇) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\21C7";
}
</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 Paired Arrows (⇇) renders in modern browsers when the font includes Arrows block glyphs:
👀 Live Preview
See the Left Paired Arrows (⇇) in navigation and diagram contexts:
🧠 How It Works
Named HTML Entity
⇇ is the named entity for the Left Paired Arrows (leftwards paired arrows). Easy to read in navigation and diagram markup.
Hexadecimal Code
⇇ uses the Unicode hexadecimal value 21C7. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇇ uses the decimal Unicode value 8647 for the same symbol.
CSS Entity
\21C7 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⇇. Unicode U+21C7 is in the Arrows block. Previous: Left Open Headed Arrow.
Use Cases
The Left Paired Arrows (⇇) is commonly used in:
Rewind, fast-back, and multi-step return controls in web interfaces.
Show paired leftward flow or reverse direction in process diagrams.
Limits, rewinding, or paired left arrows in technical writing.
Illustrate double left arrow symbols in guides and reference material.
Decorative or functional paired left arrows in buttons and labels.
Document and teach HTML entity usage for Arrows block symbols.
💡 Best Practices
Do
- Prefer
⇇in HTML for readability - Use fonts that support the Arrows block (U+21C7)
- Set
<meta charset="utf-8"> - Pair ⇇ with context (navigation, diagrams) so meaning is clear
- Keep one encoding style per project for consistency
- Distinguish ⇇ from ← when paired vs single left arrow matters
Don’t
- Confuse
⇇(U+21C7, paired left) with←(U+2190, single left arrow) - Confuse
⇇(U+21C7) with⇉(U+21C8, paired right) - Use CSS
\21C7inside HTML text nodes - Assume all fonts render arrow glyphs identically
- Mix named and numeric entities inconsistently in the same component
Key Takeaways
Four ways to render U+21C7 in HTML and CSS
⇇ ⇇ ⇇For CSS, use \21C7 in the content property
Unicode U+21C7 — LEFTWARDS PAIRED ARROWS
Arrows block (U+2190–U+21FF) — named entity ⇇
Previous: Left Open Headed Arrow (⇽) Next: Left Parenthesis
❓ Frequently Asked Questions
⇇ (named), ⇇ (hex), ⇇ (decimal), or \21C7 in CSS content. All four methods render ⇇ correctly.U+21C7 (LEFTWARDS PAIRED ARROWS). Arrows block (U+2190–U+21FF). Hex 21C7, decimal 8647. A pair of left-pointing arrows side by side.⇇, ⇇, ⇇) go in markup. The CSS escape \21C7 is used in stylesheets, typically on ::before or ::after. Both produce ⇇.⇇ is the named HTML entity for U+21C7. You can also use ⇇ (decimal) or ⇇ (hex) and \21C7 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