6. Icons #
Created Tuesday 16 June 2020
- How to add icons to a webpage? We use a font library like Font Awesome.
- Tag needs to a or an for this to work. (FIXME: what?)
<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>
</body>
</html>
Useful icons:
- FontAwesome Icons:
<script src="<https://kit.fontawesome.com/a076d05399.js"></script> - BootStrap Icons:
<link rel="stylesheet" href="<https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> - Google Icons:
<link rel="stylesheet" href="<https://fonts.googleapis.com/icon?family=Material+Icons">