How do I change tab icon?

Question

I am trying to change the tab icon of my website. Here's the image now:

I want to change it to this:

Here's my code to change the tab icon:

<link rel="shortcut icon" href="icons/appicon.ico">

Answer 1

Add the element to your index.html file right below the element. Your code should now be like this:

...
<title> Sammy’s First Website </title>
<link rel="shortcut icon" type="image/jpg" href="Favicon_Image_Location"/>
...

Make sure to replace Favicon_Image_Location with the relative file path of your favicon image.