Реалировать изменение размера иконок

[sammum]

Есть вопрос... Как увеличить размер иконок социальных сетей, через fa-solid не удалось... И как изменить цвет подсветки при наведении курсора с белого на красный...

Вот код на данный момент:

<div class="soc">
   <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  <a href="https://www.facebook.com/retra.com.ua" rel="nofollow noopener" target="_blank"> <i class="fa fa-facebook";"alt="Facebook" title="Facebook"></i></a>
    <a href="https://www.youtube.com/@TMRetra rel="nofollow noopener" target="_blank""><i class="fa fa-youtube";"alt="Youtube" title="Youtube"></i></a>
    <a href="https://www.instagram.com/retra.ua" rel="nofollow noopener" target="_blank"><i class="fa fa-instagram fa-3x";"alt="Instagram" title="Instagram"></i></a>
</div>

[todaymars]

Цитата

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

Розмір: https://fontawesome.com/v4/examples/

Цитата

И как изменить цвет подсветки при наведении курсора с белого на красный

CSS (всі посилання в футері також будуть червоними при наведенні)

catalog/view/theme/butik/stylesheet/stylesheet.css

 

footer a:hover {
    color: #ff0000;
}

 

Змінено 12 липня користувачем todaymars

[sammum]

Так использовал я этот метод FA-3X и т.п. не работает у меня...