Changing Width of Font Awesome Icons

RedDwarfian picture RedDwarfian · Feb 17, 2015 · Viewed 36.7k times · Source

I'm trying to adjust the scaling and width of an icon. I'm specifically trying to make the icon

<i class="fa fa-bars fa-lg"></i>

wider, but not taller.

I'm not trying to make it fa-2x or fa-3x. I'm trying to scale it so that the width is, say 150%, while the height is still 100%.

Answer

Adam picture Adam · Feb 17, 2015

Really easy using scale

.fa { transform: scale(1.5,1); }