What is a favicon?

  • An .ico file containing a small image associated with a particular Web site or Web page
  • The image is displayed in the browser address bar and next to the page in a list of bookmarks
  • Newer browsers display the favicon next to the page title on the browser tab

How to implement a favicon

  • Copy a .ico file named favicon.ico to the root of your site
    • Should be a real .ico file, not just a file with a .ico extension
    • The .ico file should be 16×16 pixels in size
    • There are many tools on the web for creating a favicon.ico
  • For Chrome and Firefox, add the following line to the Head section of the site layout
    • <link rel="shortcut icon" href="http://yourdomain/favicon.ico" />
    • Deploy to the Live site