Importing Icons from Font Awesome

I just wanted to make a quick video to show you how to get icons into your HTML. There’s a few ways to do this, but I’m just going to talk about using FontAwesome.com.

First, just go to fontawesome.com and create a free account.

From the homepage, click “Kits” in the navbar at the top of the page.

Scroll down to, then click on the kit you created when you were setting up your account.

Copy the HTML code with the “script” tag.

Paste it into the head section in your HTML.

Time to find your icon! Go back to Font Awesome and click “Icons” in the navbar at the top. Then search for whatever it is you’d like to put on your page.

Click the icon you want to use and it will bring up a page to customize the icon however you’d like.

Once you have the icon how you like, click the HTML code just under the icon to copy it.

Now paste that code into the head in your HTML.

You’re all set!!