HTML Entity for Left Right Arrow Double Vertical Stroke (⇼)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+21FC
HTML entity for Left Right Arrow Double Vertical Stroke (U+21FC) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Left Right Arrow Double Vertical Stroke (⇼) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+21FC (LEFT RIGHT ARROW WITH DOUBLE VERTICAL STROKE) in the Arrows block (U+2190–U+21FF)—a bidirectional arrow with a double vertical stroke, commonly used in mathematical notation, logic, and diagrams for equivalence or reversible relations.

Render it with ⇼, ⇼, or CSS escape \21FC. There is no named HTML entity. Do not confuse ⇼ with U+2194 (↔, simple left right arrow / ↔) or U+21CE (⇎, left right double arrow with stroke).

⚡ Quick Reference — Left Right Arrow Double Vertical Stroke

Unicode U+21FC

Arrows block

Hex Code ⇼

Hexadecimal reference

HTML Code ⇼

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+21FC
Hex code       ⇼
HTML code      ⇼
Named entity   (none)
CSS code       \21FC
Meaning        Left right arrow with double vertical stroke
Related        U+2194 = left right arrow (↔)
               U+21CE = left right double arrow with stroke (⇎)
1

Complete HTML Example

A simple example showing the Left Right Arrow Double Vertical Stroke (⇼) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\21FC";
  }
 </style>
</head>
<body>
<p>Arrow (hex): &#x21fc;</p>
<p>Arrow (decimal): &#8700;</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Left Right Arrow Double Vertical Stroke (⇼) is universally supported in all modern browsers when the font includes Arrows block glyphs:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the Left Right Arrow Double Vertical Stroke (⇼) rendered live in different contexts:

Inline text A ⇼ B denotes a bidirectional relation with a double vertical stroke.
Large glyph ⇼
In a formula f ⇼ g — reversible mapping
Diagram label Node A ⇼ Node B
Arrow comparison ↔ ⇼ ⇎
Numeric refs &#x21FC; &#8700; \21FC

🧠 How It Works

1

Hexadecimal Code

&#x21FC; uses the Unicode hexadecimal value 21FC for the left right arrow with double vertical stroke. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#8700; uses the decimal Unicode value 8700 to display the same character.

HTML markup
3

CSS Entity

\21FC is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All three methods produce ⇼. Unicode U+21FC is in the Arrows block. Previous: Left Right Arrow Below.

✅

Use Cases

The Left Right Arrow Double Vertical Stroke (⇼) is commonly used in:

📐 Mathematical Notation

Represent equivalence or bidirectional relations with a double vertical stroke in equations.

📜 Logic & Formal Systems

Denote reversible or symmetric relations in logic and proof notation.

📊 Diagrams & Flowcharts

Show two-way flow or equivalence between nodes with a distinct arrow style.

📄 Technical Documentation

Indicate bidirectional mapping or equivalence in specs and manuals.

📚 Academic & Research

Use in papers and textbooks for specialized arrow notation with double stroke.

🔢 Math Rendering

Display in web-based math editors and equation renderers that support this symbol.

💡 Best Practices

Do

  • Use &#8700; or &#x21FC; in HTML—no named entity exists
  • Add aria-label or surrounding text for accessibility
  • Verify your font supports the Arrows block (U+21FC)
  • Keep one numeric style (hex or decimal) per project
  • Provide context when the symbol denotes equivalence or reversibility

Don’t

  • Expect a named HTML entity for U+21FC
  • Use CSS \21FC inside HTML text nodes
  • Confuse ⇼ (double vertical stroke) with ↔ (simple left right arrow)
  • Assume all fonts render the double vertical stroke identically
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML numeric references plus CSS for U+21FC

&#x21FC; &#8700;
2

For CSS, use \21FC in the content property

3

Unicode U+21FC — LEFT RIGHT ARROW WITH DOUBLE VERTICAL STROKE

4

Arrows block (U+2190–U+21FF) — no named entity

5

Previous: Left Right Arrow Below   Next: Left Right Arrow Stroke

❓ Frequently Asked Questions

Use &#x21FC; (hex), &#8700; (decimal), or \21FC in CSS content. There is no named entity. All three methods render ⇼ correctly.
U+21FC (LEFT RIGHT ARROW WITH DOUBLE VERTICAL STROKE). Arrows block (U+2190–U+21FF). Hex 21FC, decimal 8700. Used for bidirectional arrows with a double vertical stroke in notation.
In mathematical notation, logic, commutative diagrams, technical documentation, and any content requiring a left-right arrow with a double vertical stroke (e.g. equivalence or reversible relation with emphasis).
HTML references (&#8700; or &#x21FC;) go in markup. The CSS escape \21FC is used in stylesheets, typically on ::before or ::after. Both produce ⇼.
No. There is no named HTML entity for U+21FC. You must use numeric codes: hexadecimal (&#x21FC;) or decimal (&#8700;) in HTML, or \21FC in CSS content.

Explore More HTML Entities!

Discover 1500+ HTML character references — arrows, symbols, math operators, and more.

All HTML Entities →

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

Left Right Arrow Below Left Right Arrow Stroke