> For the complete documentation index, see [llms.txt](https://techacademy.gitbook.io/webdev-beginner/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://techacademy.gitbook.io/webdev-beginner/additional-resources/font-awesome.md).

# 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 [here](https://fontawesome.com/search?m=free) 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.

![](https://tech-academy-ev.github.io/webdev_beginner_guide_sose_22/docs/assets/font-awesome.png)

There’s just one more quick thing to do before you can use them in your project, you have to register [using this link](https://fontawesome.com/v6/docs/web/setup/get-started) 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>
```
