Zero Width Non-joiner
Shortcodes
Copy and paste codes for Zero Width Non-joiner symbol to use in your websites, apps, blogs, and more.
Unicode
U+200C HTML Code
‌ HTML Entity
‌ HEX Code
‌ CSS Code
\200C JS/JSON
\u200C Unix/C/PHP/JAVA
0x200C URL-encode
%E2%80%8C copied
Customize Zero Width Non-joiner Symbol
Customize symbol as you like and download Zero Width Non-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 Non-joiner symbol in HTML, CSS, and JS?
Insert Zero Width Non-joiner using HTML
1. Copy-paste Zero Width Non-joiner directly:
<span></span>2. HTML Decimal Code:
<span>‌</span>3. HTML Entity:
<span>‌</span>4. Hexadecimal Code:
<span>‌</span>Preview:
Add Zero Width Non-joiner symbol with CSS
.zero-width-non-joiner::before {
content: '\\200C';
}Preview: Zero Width Non-joiner
Zero Width Non-joiner JavaScript Code
1. Direct Symbol:
document.querySelector('.zero-width-non-joiner').textContent = '';2. Unicode Escape for :
document.querySelector('.zero-width-non-joiner').textContent = '\u200C';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 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