Non-breaking Hyphen

‑

Shortcodes

Copy and paste codes for Non-breaking Hyphen symbol ‑ to use in your websites, apps, blogs, and more.

Unicode
U+2011
HTML Code
‑
HEX Code
‑
CSS Code
\2011
JS/JSON
\u2011
Unix/C/PHP/JAVA
0x2011
URL-encode
%E2%80%91
copied

Customize Non-breaking Hyphen Symbol

Customize ‑ symbol as you like and download Non-breaking Hyphen 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 Non-breaking Hyphen symbol in HTML, CSS, and JS?
Insert ‑ Non-breaking Hyphen using HTML
1. Copy-paste Non-breaking Hyphen directly:
 
<span>‑</span>
 
2. HTML Decimal Code:
 
<span>&#8209;</span>
 
3. Hexadecimal Code:
 
<span>&#x2011;</span>
 
Preview: ‑
Add Non-breaking Hyphen symbol with CSS
 
.non-breaking-hyphen::before {
    content: '\\2011';
}
  
Preview: Non-breaking Hyphen
Non-breaking Hyphen JavaScript Code
1. Direct Symbol:
 
document.querySelector('.non-breaking-hyphen').textContent = '‑';
 
2. Unicode Escape for ‑:
 
document.querySelector('.non-breaking-hyphen').textContent = '\u2011';
 
Preview: ‑
Related Punctuation Symbols
View all Punctuation Symbols 
，
 Fullwidth Comma
、
 Ideographic Comma
；
 Fullwidth Semicolon
：
 Fullwidth Colon
！
 Fullwidth Exclamation Mark
？
 Fullwidth Question Mark
¡
 Upside Down Exclamation Mark
¿
 Upside Down Question Mark
᠊
 Mongolian Nirugu
‾
 Overline
‗
 Double Low Line
֊
 Armenian Hyphen
᐀
 Canadian Syllabics Hyphen
᭠
 Balinese Pameneng
᠆
 Mongolian Todo Soft Hyphen
᠇
 Mongolian Sibe Syllable Boundary Marker
‐
 Hyphen
‒
 Figure Dash
–
 En Dash
―
 Horizontal Bar
⸺
 Two-em Dash
⸻
 Three-em Dash
⁓
 Swung Dash
⹃
 Dash With Left Upturn
⸗
 Double Oblique Hyphen
⹀
 Double Hyphen
⸴
 Raised Comma
⸲
 Turned Comma
⹁
 Reversed Comma
՝
 Armenian Comma
،
 Arabic Comma
؍
 Arabic Date Separator