Font Awesome

Font Awesome has a library of awesome icons, that are simply integrated in your project and can make quite the difference optically. Take a look to check out the icons. With a click on any of the icons you get shown the respective html code, that you can just copy and paste into your file.

There’s just one more quick thing to do before you can use them in your project, you have to register and add your personal script-tag, that you will get after the registration in the head section of your html file.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" href="style.css" />
    <script
      src="https://kit.fontawesome.com/YOUR_CODE.js"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <!-- All the HTML code comes before the script tag -->
    <script src="script.js"></script>
  </body>
</html>

PreviousJSON