Square With Upper Left To Lower Right Fill

Shortcodes

Copy useful codes for square with upper left to lower right fill symbol ▧ to use in websites, apps, blogs, and docs.

Unicode
U+25A7
HTML Code
▧
HEX Code
▧
CSS Code
\25A7
JS/JSON
\u25A7
Unix/C/PHP/JAVA
0x25A7
URL-encode
%E2%97%A7

Customize Square With Upper Left To Lower Right Fill

Customize ▧, download it as SVG or PNG, or copy the generated HTML snippet.

  

How to use Square With Upper Left To Lower Right Fill Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>▧</span>
HTML Code:
<span>&#9639;</span>
HEX Code:
<span>&#x25A7;</span>

Add with CSS

.square-with-upper-left-to-lower-right-fill::before {
  content: '\\25A7';
}

Set it in JavaScript

document.querySelector('.square-with-upper-left-to-lower-right-fill').textContent = '▧';
copied