Box Drawing

The following table shows Unicode symbol, HTML code, CSS code, and official HTML name for the characters categorized under box drawing.

Block elements

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

upper half block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower one eighth block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower one quarter block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower three eighths block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower half block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower five eighths block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower three quarters block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

lower seven eighths block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left seven eighths block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left three quarters block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left five eighths block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left half block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left three eighths block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left one quarter block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

left one eighth block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

right half block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

upper one eighth block

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

right one eighth block

Diagonals

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light diagonal upper right to lower left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light diagonal upper left to lower right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light diagonal cross

Heavy lines

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy down and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy down and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy up and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy up and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy vertical and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy vertical and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy down and horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy up and horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy vertical and horizontal

Light and double lines

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down single and right double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down double and right single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double down and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down single and left double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down double and left single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double down and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up single and right double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up double and right single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double up and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up single and left double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up double and left single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double up and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical single and right double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical double and right single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double vertical and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical single and left double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical double and left single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double vertical and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down single and horizontal double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down double and horizontal single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double down and horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up single and horizontal double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up double and horizontal single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double up and horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical single and horizontal double

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical double and horizontal single

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings double vertical and horizontal

Light and heavy dashed lines

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light triple dash horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy triple dash horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light triple dash vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy triple dash vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light quadruple dash horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy quadruple dash horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light quadruple dash vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy quadruple dash vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light double dash horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy double dash horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light double dash vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy double dash vertical

Light and heavy half lines

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light up

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light down

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy up

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy down

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light left and heavy right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light up and heavy down

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy left and light right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy up and light down

Light and heavy solid lines

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down light and right heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down heavy and right light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down light and left heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down heavy and left light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up light and right heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up heavy and right light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up light and left heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up heavy and left light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical light and right heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up heavy and right down light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down heavy and right up light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical heavy and right light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down light and right up heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up light and right down heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical light and left heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up heavy and left down light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down heavy and left up light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical heavy and left light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down light and left up heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up light and left down heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left heavy and right down light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right heavy and left down light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down light and horizontal heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down heavy and horizontal light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right light and left down heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left light and right down heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left heavy and right up light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right heavy and left up light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up light and horizontal heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up heavy and horizontal light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right light and left up heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left light and right up heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left heavy and right vertical light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right heavy and left vertical light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical light and horizontal heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up heavy and down horizontal light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down heavy and up horizontal light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings vertical heavy and horizontal light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left up heavy and right down light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right up heavy and left down light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left down heavy and right up light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right down heavy and left up light

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings down light and up horizontal heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings up light and down horizontal heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings right light and left vertical heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings left light and right vertical heavy

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings heavy vertical and horizontal

Light arcs

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light arc down and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light arc down and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light arc up and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light arc up and right

Light lines

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

&HorizontalLine;

CSS CODE

HEX CODE

UNICODE

box drawings light horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light vertical

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light down and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light down and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light up and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light up and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light vertical and right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light vertical and left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light down and horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light up and horizontal

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

box drawings light vertical and horizontal

Shade block characters

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

light shade, 25%

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

medium shade, speckles fill, dotted fill, 50%

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

dark shade, 75%

Terminal graphic characters

Symbol

HTML Code

HTML Entity

CSS Code

Hex Code

Unicode

Description

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant lower left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant lower right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper left and lower left and lower right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper left and lower right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper left and upper right and lower left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper left and upper right and lower right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper right

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper right and lower left

HTML CODE

ENTITY

CSS CODE

HEX CODE

UNICODE

quadrant upper right and lower left and lower right

References