Add Favicon to your website in less then 20 seconds

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:;
  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.

Published by Eduard

A young and passionate man which loves to build and to customize WordPress Themes. His main passion is to work / improve / customize Divi WordPress Theme from Elegant Themes.

Leave a comment

Leave a Reply

Share This
%d bloggers like this: