HTML Entity for Left Right Wave Arrow (↭)

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

What You'll Learn

How to display the Left Right Wave Arrow (↭) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+21AD (LEFT RIGHT WAVE ARROW) in the Arrows block (U+2190–U+21FF)—a bidirectional arrow with a wavy line, often used for reversible relations, oscillating or alternating flow, or “leads to and from” in chemistry and logic.

Render it with ↭ (named), ↭, ↭, or CSS \21AD. Do not confuse ↭ with U+2194 (↔, straight left right arrow / ↔) or U+21D4 (⇔, double arrow / ⇔).

⚡ Quick Reference — Left Right Wave Arrow

Unicode U+21AD

Arrows block

Hex Code ↭

Hexadecimal reference

HTML Code ↭

Decimal reference

Named Entity ↭

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+21AD
Hex code       ↭
HTML code      ↭
Named entity   ↭
CSS code       \21AD
Meaning        Left right wave arrow (reversible)
Related        U+2194 = left right arrow (↔)
               U+21D4 = left right double arrow (⇔)
1

Complete HTML Example

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

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

🌐 Browser Support

The Left Right Wave Arrow (↭) 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 Wave Arrow (↭) rendered live in different contexts:

Inline text A ↭ B indicates a reversible relation with a wavy path.
Large glyph
Chemistry H2O ↭ H+ + OH
Diagram label State A ↭ State B
Arrow comparison ↔ ⇔ ↭
Numeric refs &harrw; &#x21AD; &#8621; \21AD

🧠 How It Works

1

Hexadecimal Code

&#x21AD; uses the Unicode hexadecimal value 21AD for the left right wave arrow. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

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

HTML markup
4

CSS Entity

\21AD 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+21AD is in the Arrows block. Previous: Left Right Open Headed Arrow.

Use Cases

The Left Right Wave Arrow (↭) is commonly used in:

⚗ Reversible Reactions

In chemistry, indicate equilibrium or reversible reactions (e.g. A ↭ B).

📜 Logic & Formal Systems

Denote reversible or symmetric relations in logic and proofs.

📊 Flow Diagrams

Show oscillating or alternating flow between states or nodes.

📄 Technical Documentation

Indicate two-way sync, reversible mapping, or bidirectional relation with wavy path.

📚 Academic & Research

Use in papers for reversible or oscillating process notation.

💻 UI & Icons

Display “reversible” or “sync both ways” in interfaces and icon sets.

💡 Best Practices

Do

  • Use &harrw; for readable source markup
  • Add aria-label or surrounding text for accessibility
  • Verify your font supports the Arrows block (U+21AD)
  • Keep one entity style per project for consistency
  • Provide context when the symbol denotes reversible or oscillating relation

Don’t

  • Confuse ↭ (wavy) with ↔ (straight left right arrow)
  • Use CSS \21AD inside HTML text nodes
  • Assume all fonts render the wavy arrow identically
  • Mix entity styles randomly in one file
  • Use the symbol without explaining its reversible meaning on first use

Key Takeaways

1

Three HTML references plus CSS all render ↭

&#x21AD; &#8621; &harrw;
2

For CSS, use \21AD in the content property

3

Unicode U+21AD — LEFT RIGHT WAVE ARROW

4

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

❓ Frequently Asked Questions

Use &#x21AD; (hex), &#8621; (decimal), &harrw; (named), or \21AD in CSS content. All four methods render ↭ correctly.
U+21AD (LEFT RIGHT WAVE ARROW). Arrows block (U+2190–U+21FF). Hex 21AD, decimal 8621. Shows a bidirectional arrow with a wavy line.
In chemistry (reversible reactions), logic, flow diagrams, and technical documentation to indicate reversible relation, oscillating flow, or bidirectional connection with a wavy (non-straight) path.
HTML references (&#8621;, &#x21AD;, or &harrw;) go in markup. The CSS escape \21AD is used in stylesheets, typically on ::before or ::after. Both produce ↭.
Yes. &harrw; is the named HTML entity for U+21AD. You can also use &#8621; (decimal) or &#x21AD; (hex) and \21AD 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