Light Shade

Shortcodes

Copy useful codes for light shade symbol ░ to use in websites, apps, blogs, and docs.

Unicode
U+2591
Alt Code
176
HTML Code
░
HEX Code
░
CSS Code
\2591
JS/JSON
\u2591
Unix/C/PHP/JAVA
0x2591
URL-encode
%E2%96%91

Customize Light Shade

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

  

How to use Light Shade Symbol in HTML, CSS, and JS

Insert in HTML

1. Direct symbol:
<span>░</span>
HTML Code:
<span>&#9617;</span>
HEX Code:
<span>&#x2591;</span>

Add with CSS

.light-shade::before {
  content: '\\2591';
}

Set it in JavaScript

document.querySelector('.light-shade').textContent = '░';
copied