A favicon is your website logo that appears next to the meta title on your browser tab.
In other words, instead of showing a blank document icon on the browser, your website will display your official website icon.
Most websites usually use their logo as a favicon. If your website doesn’t have a logo, you can simply create one with the free logo maker. This way, your visitors will easily notice your website when they’re opening a lot of tabs in a single browser window. Plus, your site will look much more professional.
Example:
Now, If you Want to include favicon in you site follow the generic html code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"https://www.edureka.org/TR/html5/strict.dtd">
<html lang="en-US">
<head profile="https://www.edureka.co">
<link rel="icon"
type="image/png"
href="https://example.com/myicon.png">
[…]
</head>
[…]
</html>
Hope this works. You can also check this link for more information https://www.edureka.co/blog/videos/web-development-with-html5-css3-javascript/