Zero Width Joiner
Shortcodes
Copy and paste codes for Zero Width Joiner symbol to use in your websites, apps, blogs, and more.
Unicode
U+200D HTML Code
‍ HTML Entity
‍ HEX Code
‍ CSS Code
\200D JS/JSON
\u200D Unix/C/PHP/JAVA
0x200D URL-encode
%E2%80%8D copied
Customize Zero Width Joiner Symbol
Customize symbol as you like and download Zero Width Joiner 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 Zero Width Joiner symbol in HTML, CSS, and JS?
Insert Zero Width Joiner using HTML
1. Copy-paste Zero Width Joiner directly:
<span></span>2. HTML Decimal Code:
<span>‍</span>3. HTML Entity:
<span>‍</span>4. Hexadecimal Code:
<span>‍</span>Preview:
Add Zero Width Joiner symbol with CSS
.zero-width-joiner::before {
content: '\\200D';
}Preview: Zero Width Joiner
Zero Width Joiner JavaScript Code
1. Direct Symbol:
document.querySelector('.zero-width-joiner').textContent = '';2. Unicode Escape for :
document.querySelector('.zero-width-joiner').textContent = '\u200D';Preview:
Related Invisible Characters
View all Invisible Charactersㅤ
U+3164 Hangul Filler
️
Variation Selector-16
Space
No-break Space
Horizontal Tab
Line Feed
En Space
Em Space
Thin Space
Narrow No-break Space
Ideographic Space
Zero Width Space
Zero Width Non-joiner
Zero Width No-break Space
Left-to-right Mark
Right-to-left Mark
Left-to-right Embedding
Right-to-left Embedding
Left-to-right Override
Right-to-left Override
Pop Directional Formatting
En Quad
Em Quad
Three-per-em Space
Four-per-em Space
Six-per-em Space
Figure Space
Punctuation Space
Hair Space