Square With Horizontal Fill
▤
Shortcodes
Copy useful codes for square with horizontal fill symbol ▤ to use in websites, apps, blogs, and docs.
Unicode
U+25A4 HTML Code
▤ HEX Code
▤ CSS Code
\25A4 JS/JSON
\u25A4 Unix/C/PHP/JAVA
0x25A4 URL-encode
%E2%97%A4 Customize Square With Horizontal Fill
Customize ▤, download it as SVG or PNG, or copy the generated HTML snippet.
▤
How to use Square With Horizontal Fill Symbol in HTML, CSS, and JS
Insert in HTML
1. Direct symbol:
<span>▤</span> HTML Code:
<span>▤</span> HEX Code:
<span>▤</span>Add with CSS
.square-with-horizontal-fill::before {
content: '\\25A4';
}Set it in JavaScript
document.querySelector('.square-with-horizontal-fill').textContent = '▤';