Rightwards Arrow Over Leftwards Arrow

Shortcodes

Copy and paste codes for Rightwards Arrow Over Leftwards Arrow symbol ⇄ to use in your websites, apps, blogs, and more.

Unicode
U+21C4
HTML Code
⇄
HEX Code
⇄
CSS Code
\21C4
JS/JSON
\u21C4
Unix/C/PHP/JAVA
0x21C4
URL-encode
%E2%87%84
copied

Customize Rightwards Arrow Over Leftwards Arrow Symbol

Customize ⇄ symbol as you like and download Rightwards Arrow Over Leftwards Arrow as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
 

How to add Rightwards Arrow Over Leftwards Arrow symbol in HTML, CSS, and JS?

Insert ⇄ Rightwards Arrow Over Leftwards Arrow using HTML

1. Copy-paste Rightwards Arrow Over Leftwards Arrow directly:
<span>⇄</span>
2. HTML Decimal Code:
<span>&#8644;</span>
3. Hexadecimal Code:
<span>&#x21C4;</span>
Preview:

Add Rightwards Arrow Over Leftwards Arrow symbol with CSS

.rightwards-arrow-over-leftwards-arrow::before {
    content: '\\21C4';
}
Preview: Rightwards Arrow Over Leftwards Arrow

Rightwards Arrow Over Leftwards Arrow JavaScript Code

1. Direct Symbol:
document.querySelector('.rightwards-arrow-over-leftwards-arrow').textContent = '⇄';
2. Unicode Escape for ⇄:
document.querySelector('.rightwards-arrow-over-leftwards-arrow').textContent = '\u21C4';
Preview: