fontawesome icons free

Добавляєм Іконки Fontawesome в HTML.

Друзі привіт)
А цій статі я покажу вам я швидко і без зайвих проблем підключити і використовувати Іконки Fontawesome в HTML швидко і безкоштовно.

Крок 1

Переходимо на сайт https://cdnjs.com/libraries/font-awesome

Крок 2

Вибираємо саме перше посилання і копіюємо “Copy Link Tag” як показано на фото нижче.

Крок 3

Вставляємо скопійований тег між відкриваючим і закриваючим тегом head

Крок 4

Переходим на сайт https://fontawesome.com/icons на сторінку з іконками, і шукаємо потрібну нам іконку

Крок 5

Нажимаємо на потрібну нам іконку і копіюємо HTML код/тег

Крок 6

Вставляємо скопійований HTML код/тег в нас код HTML там де ми хочемо добавити іконку

Крок 7

Ура, іконка появилася )

Як стилізувати іконку ?

Для стилізації іконки, використовуються властивості CSS як для звичайнісінького шрифту. Наприклад:
Для зміни розміру:

i {
font-size: 20px;
}

Для зміни кольору:

i {
color: red;
}

Як бачити, добавити стильні іконки в HTML дуже просто а головне безкоштовно)
Подивитися більше інформації, ви можете на моєму каналі https://youtube.com/@bilyki