Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Иконки Font Awesome</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <style> span { color: #8ebf42; } </style> </head> <body> <h2>Иконки в примере со списком</h2> <ul class="fa-ul"> <li> <span class="fa-li"> <i class="fas fa-check-double"></i> </span>Элемент списка 1 </li> <li> <span class="fa-li"> <i class="fas fa-check-circle"></i> </span>List item 2 </li> <li> <span class="fa-li"> <i class="fas fa-check-square"></i> </span>Элемент списка 3 </li> <li> <span class="fa-li"> <i class="fas fa-tasks"></i> </span>Элемент списка 4 </li> </ul> </body> </html>