Figure Dash

Shortcodes

Copy and paste codes for Figure Dash symbol ‒ to use in your websites, apps, blogs, and more.

Unicode
U+2012
HTML Code
‒
HEX Code
‒
CSS Code
\2012
JS/JSON
\u2012
Unix/C/PHP/JAVA
0x2012
URL-encode
%E2%80%92
copied

Customize Figure Dash Symbol

Customize ‒ symbol as you like and download Figure Dash 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 Figure Dash symbol in HTML, CSS, and JS?

Insert ‒ Figure Dash using HTML

1. Copy-paste Figure Dash directly:
<span>‒</span>
2. HTML Decimal Code:
<span>&#8210;</span>
3. Hexadecimal Code:
<span>&#x2012;</span>
Preview:

Add Figure Dash symbol with CSS

.figure-dash::before {
    content: '\\2012';
}
Preview: Figure Dash

Figure Dash JavaScript Code

1. Direct Symbol:
document.querySelector('.figure-dash').textContent = '‒';
2. Unicode Escape for ‒:
document.querySelector('.figure-dash').textContent = '\u2012';
Preview: