Full Example of Favicon in HTML
Now, save the "index.html" file and reload it in your browser. Your browser tab should now display your favicon image to the left of the page title.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<title>My Page Title</title>
<link rel="icon" href="https://itupto.com/images/favico.ico" sizes="32x32" />
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Output should be:
| What is HTML Favicon | HTML Favicon |
| How To Add a Favicon in HTML | HTML Favicon |
| Bad: | HTML Favicon |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Favicon |
Uploaded by: | Admin |