Loading Please Wait...

Logo Lynxsia IT Solutions

HTML Favicon

HTML Favicon

A favicon is a small image icon displayed in the browser tab next to page title.

A favicon is a small image, so use a simple, high contrast, and square image as favicon.

Favicon Display
Favicon Demo
Add Favicon

To add a favicon use <link> tag inside <head> element.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <head>
            <title>Page Title<title>
            <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
            </head>
            <body>
              <h1>Favicon Example</h1>
            </body>
          </html>
        
      
Directory Structure

You can store favicon image to anywhere you want. It may another server, local server, or project directory. Directory structure used in the example is look like below:

  • Root Folder (Project Folder)
  • -images Folder
  • --favicon.ico (Favicon File)
  • -index.html (HTML File)
You can use any image of our own or create favicon from website https://favicon.io/
Common File Format For Favicon

You can use ICO, PNG, JPG, JPEG, GIF, SVG, WEBP image files as favicon.

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved