Heavy Vertical Bar

Shortcodes

Copy and paste codes for Heavy Vertical Bar symbol ❚ to use in your websites, apps, blogs, and more.

Unicode
U+275A
HTML Code
❚
HEX Code
❚
CSS Code
\275A
JS/JSON
\u275A
Unix/C/PHP/JAVA
0x275A
URL-encode
%E2%9D%9A
copied

Customize Heavy Vertical Bar Symbol

Customize ❚ symbol as you like and download Heavy Vertical Bar 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 Heavy Vertical Bar symbol in HTML, CSS, and JS?

Insert ❚ Heavy Vertical Bar using HTML

1. Copy-paste Heavy Vertical Bar directly:
<span>❚</span>
2. HTML Decimal Code:
<span>&#10074;</span>
3. Hexadecimal Code:
<span>&#x275A;</span>
Preview:

Add Heavy Vertical Bar symbol with CSS

.heavy-vertical-bar::before {
    content: '\\275A';
}
Preview: Heavy Vertical Bar

Heavy Vertical Bar JavaScript Code

1. Direct Symbol:
document.querySelector('.heavy-vertical-bar').textContent = '❚';
2. Unicode Escape for ❚:
document.querySelector('.heavy-vertical-bar').textContent = '\u275A';
Preview: