Alex Rivera | Logout

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

Asked 2010-04-23T18:51:54.080
1415

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

Edit
Report

1 Answer

94

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;
}

http://jsfiddle.net/FrsGR/

answered 2012-06-06T14:14:17.243

Your Answer