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

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2904

What You'll Learn

How to display the Left Right Double Arrow Vertical Stroke (⤄) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+2904 (LEFT RIGHT DOUBLE ARROW WITH VERTICAL STROKE) in the Supplemental Arrows-B block (U+2900–U+297F)—a left-right double arrow with a vertical stroke, used in mathematical notation and technical diagrams for bidirectional relations with a distinct arrow variant.

Render it with ⤄ (named), ⤄, ⤄, or CSS \2904. Do not confuse ⤄ with U+21D4 (⇔, equivalence / ⇔) or U+21CE (⇎, double arrow with stroke / ⇎).

⚡ Quick Reference — Left Right Double Arrow Vertical Stroke

Unicode U+2904

Supplemental Arrows-B

Hex Code ⤄

Hexadecimal reference

HTML Code ⤄

Decimal reference

Named Entity ⤄

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2904
Hex code       ⤄
HTML code      ⤄
Named entity   ⤄
CSS code       \2904
Meaning        Left right double arrow with vertical stroke
Related        U+21D4 = left right double arrow (⇔)
               U+21CE = double arrow with stroke (⇎)
1

Complete HTML Example

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

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2904";
  }
 </style>
</head>
<body>
<p>Arrow (hex): &#x2904;</p>
<p>Arrow (decimal): &#10500;</p>
<p>Arrow (named): &nvHarr;</p>
<p id="point">Arrow (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Left Right Double Arrow Vertical Stroke (⤄) renders in modern browsers when the font supports Supplemental Arrows-B glyphs:

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

👀 Live Preview

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

Inline text A ⤄ B denotes a bidirectional double-arrow relation with a vertical stroke.
Large glyph
In a formula fg — specialized bidirectional mapping
Diagram label Node A ⤄ Node B
Arrow comparison ⇔ ⇎ ⤄
Numeric refs &nvHarr; &#x2904; &#10500; \2904

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&nvHarr; is the semantic named entity — the easiest to read in source HTML and the most self-descriptive option.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce . Unicode U+2904 is in Supplemental Arrows-B. Previous: Left Right Double Arrow Stroke.

Use Cases

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

📐 Mathematical Notation

Represent bidirectional double-arrow relations with a vertical stroke in equations.

📜 Logic & Formal Systems

Denote specialized equivalence or reversible relations in formal notation.

📊 Diagrams & Flowcharts

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

📄 Technical Documentation

Indicate bidirectional mapping or relation with a vertical-stroke variant in specs.

📚 Academic & Research

Use in papers for specialized double-arrow notation with vertical stroke.

🔢 Math Rendering

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

💡 Best Practices

Do

  • Use &nvHarr; for readable source markup
  • Add aria-label or surrounding text for accessibility
  • Verify your font supports Supplemental Arrows-B (U+2904)
  • Keep one entity style per project for consistency
  • Provide context when the symbol denotes a specialized bidirectional relation

Don’t

  • Confuse ⤄ (vertical stroke) with ⇔ (simple double arrow)
  • Use CSS \2904 inside HTML text nodes
  • Assume all fonts render Supplemental Arrows-B glyphs identically
  • Mix entity styles randomly in one file
  • Use the symbol without explaining its meaning on first use

Key Takeaways

1

Three HTML references plus CSS all render ⤄

&#x2904; &#10500; &nvHarr;
2

For CSS, use \2904 in the content property

3

Unicode U+2904 — LEFT RIGHT DOUBLE ARROW WITH VERTICAL STROKE

4

Prefer &nvHarr; for readability—it’s the named HTML entity

❓ Frequently Asked Questions

Use &#x2904; (hex), &#10500; (decimal), &nvHarr; (named), or \2904 in CSS content. All four methods render ⤄ correctly.
U+2904 (LEFT RIGHT DOUBLE ARROW WITH VERTICAL STROKE). Supplemental Arrows-B block (U+2900–U+297F). Hex 2904, decimal 10500. Shows a left-right double arrow with a vertical stroke.
In mathematical notation, technical documentation, and diagrams to indicate a bidirectional double-arrow relation with a vertical stroke variant (e.g. in formal or specialized arrow notation).
HTML references (&#10500;, &#x2904;, or &nvHarr;) go in markup. The CSS escape \2904 is used in stylesheets, typically on ::before or ::after. Both produce ⤄.
Yes. &nvHarr; is the named HTML entity for U+2904. You can also use &#10500; (decimal) or &#x2904; (hex) and \2904 in CSS.

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.

8 people found this page helpful