Loading

Favicon

  • A favicon (short for "favourites icon" and also known as a shortcut icon, website icon, tab icon, URL icon, or bookmark icon) is a small icon shown before the webpage title. 
  • The icon is typically displayed in the browser's address bar, next to the website's name in a list of bookmarks, and in browser tabs. 
  • A favicon is specified using the link element in the HTML head section of a webpage, like so:

Syntax:

<link rel="icon" href="path/to/favicon-icon" type="image/x-icon">
  • This line of code specifies that the file located at "path/to/favicon.ico" is the website's favicon and the file type is  image/x-icon.

Example:

<!DOCTYPE html>
<html>

<head>
    <link rel="icon" href="logo.png" type="image/logo-icon" sizes="16x16">
    <title>Favicon</title>
</head>

<body>
    <H1>Favicon Tag Example</H1>
</body>

</html>

Output: