Replacing glyph icons with FontAwesome icons

Question

For collapse/expand icons curretnly I have this in my Razor code:

<span class="glyphicon glyphicon-minus"></span>

So it has the "+" and "-" icons that my JS uses to toggle between them.

Now I want to use Up and Down arrows, how can I use FontAweosme up and down arrows?

score 1 · Accepted Answer · answered Apr 12 '16 at 22:18

1

I think this would work:

<span><i class="fa fa-angle-up"></i></span>
<span><i class="fa fa-angle-down"></i></span>

answered Apr 12 '16 at 22:18

Thanks will mark your's as answered but acutally I found that glyph icons have that icon too, so ended up using this: – Bohn Apr 12 '16 at 22:21
Oh great. It will hopefully help someone else in the future. Thanks! – Apr 12 '16 at 22:22

score 1 · Answer 2 · edited May 23 '17 at 11:50

1

If you're looking for in depth control over custom fonts and glyph-class-names, see these answers: How to create custom font icons?

edited May 23 '17 at 11:50

Community

answered Apr 13 '16 at 01:11

2 Answers2