Skip to content
Related Articles

Related Articles

How to add icon logo in title bar using HTML ?
  • Difficulty Level : Basic
  • Last Updated : 15 Jan, 2019

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:

My Personal Notes arrow_drop_up
Recommended Articles
Page :