Как добавить иконку font awesome в html?
2 ответа
от
madelyn_hintz ,
3 года назад
@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, вам нужно сделать следующее:
- Подключите стили 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"> |
- Используйте тег <i> с классом fas fa-*, где * - название иконки:
1
|
<i class="fas fa-check"></i> |
Подробнее о доступных иконках и их названиях можно узнать на официальном сайте Font Awesome: https://fontawesome.com/icons.
15