<link rel="shortcut icon" type="image/png" href="Link to the image"/>
<link rel="icon" type="image/png" href="/favicon.png"/>
<head>
<title>My Page Title</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>
<!--
To add a favicon to your website, either save your favicon image to
the root directory of your webserver, or create a folder in the root
directory called images, and save your favicon image in this folder.
A common name for a favicon image is "favicon.ico".
Next, add a <link> element to your "index.html" file, after the <title>
element, as per the example above.
I hope that this helps <3 Happy coding!
-->
<link rel="icon" type="image/png" href="/favicon.png"/>
<link rel="icon" type="image/png" href="https://example.com/favicon.png"/>
<link rel='icon' href='favicon.ico' type='image/x-icon'/ >