Full Block

█

Shortcodes

Copy and paste codes for Full Block symbol █ to use in your websites, apps, blogs, and more.

Unicode

U+2588

Alt Code

219

HTML Code

█

HEX Code

█

CSS Code

\2588

JS/JSON

\u2588

Unix/C/PHP/JAVA

0x2588

URL-encode

%E2%96%88

copied

Customize Full Block Symbol

Customize █ symbol as you like and download Full Block as SVG or PNG or copy its HTML code to use in your projects.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

█

HTML Code

How to type Full Block symbol █ ?

Using Full Block Alt Code:

You can type the Full Block symbol █ using your keyboard by using the Alt Code for Full Block. Before you begin, ensure that your Num Lock is turned on, and use the Numpad to type the code. Then, follow these simple steps:

Hold down the Alt key on your keyboard.
Type the number 219 using the Numpad.
Release the Alt key.

This will make the █ appear on your screen.

How to add Full Block symbol in HTML, CSS, and JS?

Insert █ Full Block using HTML

1. Copy-paste Full Block directly:

<span>█</span>

2. HTML Decimal Code:

<span>&#9608;</span>

3. Hexadecimal Code:

<span>&#x2588;</span>

Preview: █

Add Full Block symbol with CSS

.full-block::before {
    content: '\\2588';
}

Preview: Full Block

Full Block JavaScript Code

1. Direct Symbol:

document.querySelector('.full-block').textContent = '█';

2. Unicode Escape for █:

document.querySelector('.full-block').textContent = '\u2588';