Loading lesson path
Concept visual
Start at both ends
Icons can easily be added to your HTML page, by using an icon library. Just add the name of the icon class to any inline HTML element (like <i> or <span> ). Icons from icon libraries are scalable vectors that can be customized with CSS (size, color, shadow, etc.).
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. The code looks something like this: <script src="https://kit.fontawesome.com/ yourcode.js" crossorigin="anonymous"></script>
Awesome Tutorial.
No downloading or installation is required!
<!DOCTYPE html> <html> <head>
Formula
< script src ="https://kit.fontawesome.com/a076d05399.js" crossorigin ="anonymous"></script ></head> <body>
Formula
< 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>
For a complete reference of all Font Awesome icons, visit our Icon Reference.