Search code examples
htmlcsswordpressimagestyles

How to resize the width and height of SVG social icons?

I want to resize the social icons on the top header of this website http://petlet.net.au/

enter image description here

I thought that the logo's are images but I think these logos are from a library or from external because when you inspect the code there's no <img src> code.

This is the code:

enter image description here

How can I resize the social icons?

Solution

  • Use fa-2x, fa-3x, fa-4x, or fa-5x classes.

    <i class="fa fa-facebook-square fa-lg"></i> //smallest
<i class="fa fa-facebook-square fa-2x"></i> 
<i class="fa fa-facebook-square fa-3x"></i> 
<i class="fa fa-facebook-square fa-4x"></i> 
<i class="fa fa-facebook-square fa-5x"></i> //biggest