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

html unicode icons ascii symbols
Timj picture Timj · Apr 23, 2010 · Viewed 1.3M times · Source

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".

Answer

bobince picture bobince · Apr 23, 2010

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:

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

Related questions

Unicode via CSS :before

I am using Font Awesome on my webpage and I want to display an icon inside the :before pseudo element. According to the documentation/cheatsheet, I have to type  to get this font, but it isn't working. I …

Read More
How does Zalgo text work?

I've seen weirdly formatted text called Zalgo like below written on various forums. It's kind of annoying to look at, but it really bothers me because it undermines my notion of what a character is supposed to be. My understanding …

Read More
HTML for the Pause symbol in audio and video control

I'm trying to find the Unicode symbol to make a button display the Unicode pause symbol. I was able to find that the Unicode play symbol is &#9658 but I'm looking for the equivalent of the Unicode pause symbol.

Read More