Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Font Awesome Icons</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>Ein Beispiel für Icons in einer Liste</h2> <ul class="fa-ul"> <li> <span class="fa-li"> <i class="fas fa-check-double"></i> </span>Listeneintrag 1 </li> <li> <span class="fa-li"> <i class="fas fa-check-circle"></i> </span>Listeneintrag 2 </li> <li> <span class="fa-li"> <i class="fas fa-check-square"></i> </span>Listeneintrag 3 </li> <li> <span class="fa-li"> <i class="fas fa-tasks"></i> </span>Listeneintrag 4 </li> </ul> </body> </html>