How to add icon logo in title bar using HTML ?
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:
Please Login to comment...