When to use it
Two-way relations and “swap” buttons.
In HTML, CSS and JavaScript
<p>↔</p> <!-- or the character itself in a UTF-8 page -->
.note::before { content: "\2194"; }
const s = "\u2194";
In a page saved as UTF-8 (the default today) you can paste the character directly; the entity is only needed when it must survive a non-UTF-8 system. Encode or decode whole texts with the HTML Entity Encoder.
How to type left-right arrow
- Windows: press Win + . to open the emoji and symbol panel and search for it, or type
2194then Alt + X in Word. - Mac: press Ctrl + Cmd + Space and search for “left-right arrow”.
- Linux: Ctrl + Shift + U, then 2194 and Enter.
HTML Entity EncoderEscape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.
Open the tool Frequently asked questions
What is the HTML code for the left-right arrow?
↔ (named), ↔ (decimal) or ↔ (hex). All three produce the same character.
What is the Unicode for the left-right arrow?
U+2194. In CSS write "\2194" and in JavaScript "\u2194".
How do I type the left-right arrow on a keyboard?
On Windows open the symbol panel with Win + . and search for it. On a Mac use Ctrl + Cmd + Space and search for it.