Skip to content

Courses
- Summer Skill Up
  - Android App Development (Live)
  - Data Science (Live)
- Data Structures and Algorithms
- For Working Professionals
- For Students
- Programming Languages
- Web Development
- Machine Learning and Data Science
  - Complete Data Science Program(Live)
  - Mastering Data Analytics
- New Courses
- School Courses
  - CBSE Class 12 Computer Science
  - School Guide
- All Courses
Tutorials
- DSA
- Data Structures
- Algorithms
- System Design
  - System Design Tutorial
  - Software Design Patterns
- Interview Corner
- Languages
  - C
  - C++
  - Java
  - Python
  - JavaScript
  - PHP
  - C#
  - SQL
  - Scala
  - Perl
  - Go Language
  - Kotlin
- Web Development
  - HTML
  - CSS
  - JavaScript
  - PHP
  - CSS Frameworks
  - JavaScript Frameworks
  - JavaScript Libraries
  - WordPress
  - JSON
- School Learning
  - English Grammar
  - School Programming
  - Mathematics
  - CBSE Syllabus
  - Maths Notes (Class 8-12)
  - Maths Formulas (Class 8 -11)
  - NCERT Solutions
  - RD Sharma Solutions
  - Science Notes
  - Physics Notes (Class 8-12)
  - Chemistry Notes (Class 8-12)
  - Biology Notes
  - Social Science Syllabus
  - Social Science Notes
    - SS Notes (Class 7-12)
    - CBSE History Notes (Class 7-10)
    - CBSE Geography Notes (Class 7-10)
    - CBSE Civics Notes (Class 7-10)
      - Civics Class 7
      - Civics Class 8
  - Commerce
  - CBSE Previous Year Papers
- ML & Data Science
  - Machine Learning
  - Data Science
- DevOps
- CS Subjects
- GATE
- GFG Sheets
  - Web Dev Cheat Sheets
  - Company-Wise SDE Sheets
  - DSA Sheets
- UPSC
- Student
- SSC CGL
- Banking Exams
Jobs
Practice
Contests

Related Articles

How to add icon logo in title bar using HTML ?

8 published articles

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 = 
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200X200.png" 
        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

Last Updated : 15 Jan, 2019

Similar Reads

1. How to align a logo image to center of navigation bar using HTML and CSS ?

2. How to Add Custom Logo to WordPress Website ?

3. Create GeeksforGeeks logo using HTML and CSS

4. How to create Icon-only positioning icon using jQuery Mobile ?

5. How to change the WooCommerce shop page title to custom title ?

6. How to replace dropdown-toggle icon with another default icon in Bootstrap ?

7. React Suite Icon <Icon> Props

8. How to Align navbar logo to the left screen using Bootstrap ?

9. How to set logo inside loader using CSS ?

10. How to create GeeksforGeeks logo using p5.js ?

How to target desktop, tablet and mobile using Media Query ?

Retrieve the position (X,Y) of an element using HTML

Article Contributed By :

Vote for difficulty

Current difficulty : Basic

Article Tags :

Report Issue