What is a Favicon?

A favicon (short for Favorite icon), also known as a shortcut icon, Web site icon, tab icon or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page. A web designer can create such an icon and install it into a Web site (or Web page) by several means, and graphical web browsers will then make use of it. Browsers that provide support typically display a page’s favicon in the browser’s address bar (sometimes in the history as well) and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title on the tab, and site-specific browsers use the favicon as a desktop icon.

How to add it to your website?

You want your website to have a nice favicon, and I’m not talking just on the browser tab, but instead a Favorite icon to be used on Android devices, Apple devices and also Windows 8 devices, then all you need is less then 20 seconds to do just that.


  1. Go to this link: http://realfavicongenerator.net/;
  2. Choose your image you want to be your favorite icon, I recommend to use a perfect square png image, which is 260px (height) x 260px (height);
  3. Click on Generate your Favicons and HTML code;
  4. Download the package;
  5. Extract this package in the root of your web site;
  6. Insert the following code in the <head> section of your HTML pages:

and your done.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!

Share This
%d bloggers like this: