Für die korrekte Darstellung der Icons sollten die passenden Bibliotheksversionen für Bootstrap und Font Awesome eingebunden werden.
Font Awesome 5 benutzt das Prefix „fas“, Font Awesome 4 benutzt das Präfix „fa“.
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1"/> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"> <title>Font Awesome Test</title> </head> <body> <div class="app"> <button class="btn btn-danger"> <i class="fas fa-trash" aria-hidden="true"></i> <span class="btn-text"> Löschen</span> </button> </br> <button class="btn"> <i class="fas fa-download" aria-hidden="true"></i> <span class="btn-text"> Download</span> </button> </br> <label class="control-label"> <i class="fas fa-user" aria-hidden="true"></i> <span class="btn-text"> Benutzer</span> </label> </div> </body> </html>