How to add a favicon in HTML file
In this tutorial, we are going to learn about how to add a favicon to your website.
Favicon is a graphical image or favicon.ico
file which is displayed on the browser tab that tells you which website you are browsing in.
Adding a favicon to HTML
-
Open the website folder in your favorite code editor.
-
Download the favicon image or
favicon.ico
file and place it inside the root folder of your website. -
Add the following
link
tag to<head>
tag of your HTML file and replace it with your favicon path.
<link rel="icon" href="/favicon.ico"/>
for image file
<link rel="icon" type="image/png" href="/favicon.png"/>
- Reload the webpage to see the new favicon you have added.