Top Square Bracket

Shortcodes

Copy and paste codes for Top Square Bracket symbol ⎴ to use in your websites, apps, blogs, and more.

Unicode
U+23B4
HTML Code
⎴
HEX Code
⎴
CSS Code
\23B4
JS/JSON
\u23B4
Unix/C/PHP/JAVA
0x23B4
URL-encode
%E2%8E%B4
copied

Customize Top Square Bracket Symbol

Customize ⎴ symbol as you like and download Top Square Bracket 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 Top Square Bracket symbol in HTML, CSS, and JS?

Insert ⎴ Top Square Bracket using HTML

1. Copy-paste Top Square Bracket directly:
<span>⎴</span>
2. HTML Decimal Code:
<span>&#9140;</span>
3. Hexadecimal Code:
<span>&#x23B4;</span>
Preview:

Add Top Square Bracket symbol with CSS

.top-square-bracket::before {
    content: '\\23B4';
}
Preview: Top Square Bracket

Top Square Bracket JavaScript Code

1. Direct Symbol:
document.querySelector('.top-square-bracket').textContent = '⎴';
2. Unicode Escape for ⎴:
document.querySelector('.top-square-bracket').textContent = '\u23B4';
Preview: