HTML Tutorial
HTML Elements
HTML Attributes
HTML Image
HTML Style
HTML Tables
HTML Layout
HTML Forms

HTML Favicon


Favicon is a small icon on the title bar. This icon appears next to the title in the browser tab. This favicon is displayed as an icon in the Google search list, so every page should have this icon.


Adding this icon to html page is very easy. The icon is placed within the html <head> tag. As an icon, you can use images of any size here, but using smaller images is better as it reduces page loading time. To set a favicon, you first need to know the file path. If you don't know about file path then click here to know HTML File Paths. This favicon element has three attributes rel="", type="" and href=""

HTML Favicon

Example

<head>
    <link rel="icon" type="image/x-icon" href="assets/images/favicon.png">
</head>

<!-- The favicon is placed in the head tag above -->