how to reduce the thickness of default bootstrap icon glyphicon glyphicon-chevron-right?

Question

I try the icon glyphicon glyphicon-chevron-right for showing the direction in my design but I need some thin than default size. So how to reduce the thickness of default bootstrap icon of glyphicon glyphicon-chevron-right My code was:-

  <div style="color:#FFF;">
       <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  </div>

Answer 1

The current bootstrap has more icons including a thinner arrow called glyphicon-menu-right.

You could always look for an alternative icon font. There are literally dozens out there - some for free. Or hire someone to create the icons you need. Or do it yourself, for example with FontForge.

Answer 2

You can alter css of all bootstrap glyphicons very easily. Like in this case font-size and font-weight of classes .glyphicon & .glyphicon-chevron-right can be reduced to your desired size