Zero Width Non-joiner

Shortcodes

Copy useful codes for zero width non-joiner symbol ‌ to use in websites, apps, blogs, and docs.

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

Customize Zero Width Non-joiner

Customize ‌, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Zero Width Non-joiner Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>‌</span>
HTML Code:
<span>&#8204;</span>
HTML Entity:
<span>&zwnj;</span>
HEX Code:
<span>&#x200C;</span>

Add with CSS

.zero-width-non-joiner::before {
  content: '\\200C';
}

Set it in JavaScript

document.querySelector('.zero-width-non-joiner').textContent = '‌';
copied