Web Design

Font Awesome

Adding Icons to the website

Why do we need icons?

Icons help by simplifying the interface, like a gesture. They also add that cherry on top of your website.

Getting Font Awesome setup

Go to fontawesome.com, and click Start for Free. Put in your email and follow the instructions. Once you finish, copy the <script> that is under your Kit. Then, paste it in your header.

<head>
    <script src=”https://kit.fontawesome.com/###.js” crossorigin="anonymous"></script>
</head>

Adding Icons

Adding icons is very simple. Just search for an icon you want on the website, and you can copy the code for it and paste it into your HTML file. An example would be the igloo icon:

<i class="fas fa-igloo"></i>

There are tons of icons to choose from, so get exploring!

chevron_up