Как изменить размер и ширину социальных значков SVG?

Question

Я хочу, чтобы изменить социальные иконки в верхнем заголовке этого сайта http://petlet.net.au/

Я думал, что логотипы являются изображениями, но я думаю, что эти логотипы из библиотеки или из внешних, потому что, когда вы осмотрите код нет <img src> код.

Это код:

Как я могу изменить размер социальных иконок?

Answer 1

Использование фа-2x, фа-3x, фа-4x, или фа-5x классы.

<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 

Answer 2

Используя свойство font-size css, вы можете изменить размер шрифтов-удивительных шрифтов.

Попробуйте это:

.top-header-content a{ 
    font-size:20px; 
} 

Answer 3

Всякий раз, когда иконки используются в качестве svg значков вы можете изменить их, просто изменив font-size. Они могут быть цветными, а не цветными, несколькими формами, размерами и т. Д.

.header .fa { 
    font-size: 15px; // you can increase or decrease font size as per your needs. 
} 

.header .fa-facebook-square { 
    font-size: 18px; // you can change font-sizes of different icons indiviually 
} 

Answer 4

Для более новая версия использования значков-2x, 3x иконописца и т.д.

<i class="icon-camera-retro icon-4x"></i> 

См http://fontawesome.io/3.2.1/examples/