HTML Fav-icon - Java Training School

A favicon is a little icon that appears in the browser tab near to the page title.

A favicon image is displayed to the left of the page title in the browser tab, like this:

How to add Fav-icon in HTML ?

To add a favicon to your website,you can save the image on your local computer or use the image url online. In case If you are saving an image on your local computer, then you have to provide full path of image in href attribute.

Here I am using online image url of WhatsApp icon :

<!DOCTYPE html>
<html>
<head>
  <title>WhatsApp Web</title>
  <link rel="icon" type="image/x-icon" href="https://cdn-icons-png.flaticon.com/512/3670/3670051.png">
</head>
<body>

</body>
</html>

Output :

<—Previous

Next—>