CSS Icons
Icons can easily be added
to your HTML page, by using an icon library.
How To Add Icons
The simplest way to add an
icon to your HTML page, is with an icon library, such as Font Awesome.
Add the name of the
specified icon class to any inline HTML element (like <i> or <span>).
All the icons in the icon
libraries below, are scalable vectors that can be customized with CSS (size,
color, shadow, etc.)
Font Awesome Icons
To use the Font Awesome
icons, go to fontawesome.com, sign in, and get a code to add in the <head> section of your HTML page:
<script
src="https://kit.fontawesome.com/yourcode.js"
crossorigin="anonymous"></script>
Note: No
downloading or installation is required!
Example
<!DOCTYPE html>
<html>
<head>
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></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>
