How do I change the size of icons from FontAwesome?

How do I change the size of icons from FontAwesome?
0

#1

Hello!

I’m experimenting a bit with bootstrap and I wanted to make a image slider in the front of the webpage. When I put icons from font-awesome into the website, the icons are very small. How do I change the size of them? I’m using a font-awesome CDN, but can I just change the size of the icons from font-awesome in my own CSS file or would that mess things up?


#3

Just add the property to the class

font-size: <whatever-you-want-here>

#4

A quick an easy way to resize the icons are by using the font awesome special classes. (fa-2x, fa-3x …)
On your example:

class=“fa fa-2x arrow-left”

This will make the icon double the size of normal!