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>❚</span>
3. Hexadecimal Code:
<span>❚</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: ❚
Related Square & Rectangle Symbols
View all Square & Rectangle Symbols☖
White Shogi Piece
☗
Black Japanese Postal Mark
〓
Geta Mark
∎
End Of Proof
❏
Lower Right Drop-shadowed White Square
❐
Upper Right Drop-shadowed White Square
❑
Lower Right Shadowed White Square
❒
Upper Right Shadowed White Square
▰
Black Parallelogram
▱
White Parallelogram
⊞
Squared Plus
⊟
Squared Minus
⊠
Squared Times
⊡
Squared Dot Operator
❘
Light Vertical Bar
❙
Medium Vertical Bar
▬
Black Rectangle
▢
White Square With Rounded Corners
▣
White Square Containing Black Small Square
▤
Square With Horizontal Fill
▥
Square With Vertical Fill
▦
Square With Orthogonal Crosshatch Fill
▧
Square With Upper Left To Lower Right Fill
▨
Square With Upper Right To Lower Left Fill
▩
Square With Diagonal Crosshatch Fill
▪
Black Small Square
▫
White Small Square
▭
White Rectangle
▮
Black Vertical Rectangle
▯
White Vertical Rectangle
▰
Black Parallelogram
▱
White Parallelogram