Open In App
Related Articles

How to add icon logo in title bar using HTML ?

Improve Article
Improve
Save Article
Save
Like Article
Like

Most of the websites adds icon or image logo in the title bar. The icon logo is also called as favicon. Adding favicons is also considered to be good for the SEO of the websites. The favicon is the combination of favorite icon.

The link attribute is used to add the favicon.

Syntax:

<link rel="icon" href="icon_path" type="image/icon type">

Example:




<!-- HTML code to add icon in the title bar -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8" />
          
        <title>
            GeeksforGeeks icon
        </title>
          
        <!-- add icon link -->
        <link rel = "icon" href
        type = "image/x-icon">
          
    </head>
      
    <body>
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1>
          
        <p>
            GeeksforGeeks icon added in the title bar
        </p>
    </body>
</html>                    

Output:

Last Updated : 15 Jan, 2019
Like Article
Save Article
Similar Reads
Related Tutorials