Как добавить иконку font awesome в html?

Пользователь

от jerad.kuphal , в категории: HTML/CSS , 3 года назад

Как добавить иконку font awesome в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от madelyn_hintz , 2 года назад

@jerad.kuphal  Добавить иконку font awesome в html очень легко, выберете из каталога нужную иконку и разместите код в нужно месте:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script src="https://kit.fontawesome.com/3239ceb414.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <p><i class="fa-solid fa-cat"></i></p>
  </body>
</html>

Пользователь

от narciso , 2 года назад

@jerad.kuphal 

Чтобы добавить иконку Font Awesome в HTML, вам нужно сделать следующее:

  1. Подключите стили Font Awesome CDN:
1
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">


  1. Используйте тег <i> с классом fas fa-*, где * - название иконки:
1
<i class="fas fa-check"></i>


Подробнее о доступных иконках и их названиях можно узнать на официальном сайте Font Awesome: https://fontawesome.com/icons.