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

I’m looking for a HTML or ASCII character which is a triangle pointing up or down so that I can use it as a toggle switch.

I found ↑ (↑), and ↓ (↓) – but those have a narrow stem. I’m looking just for the HTML arrow “head”.

20
20

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!).

Note that the font support for the smaller versions is not as good. Better to use the large versions in smaller font.

More Unicode arrows are at:

  • http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
  • http://en.wikipedia.org/wiki/Geometric_Shapes

Lastly, these arrows are not ASCII, including ↑ and ↓: they are Unicode.

Leave a Comment