What characters can be used for up/down triangle (arrow without stem) for display in HTML?

Unicode arrows heads:

? - U+25B2 BLACK UP-POINTING TRIANGLE
? - U+25BC BLACK DOWN-POINTING TRIANGLE
? - U+25B4 SMALL BLACK UP-POINTING TRIANGLE
? - U+25BE SMALL BLACK DOWN-POINTING TRIANGLE
For ? and ? use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!).

3 years ago

Since you're using these arrows for a toggle switch you may want to consider creating these arrows with an html element using the following styles instead of unicode characters.

.upparrow {

   height: 0;

   width: 0;

   border: 4px solid transparent;

   border-bottom-color: #000;

}



.downarrow {

   height: 0;

   width: 0;

   border: 4px solid transparent;

   border-top-color: #000;

}

3 years ago