How to add a favicon to your site

A favicon, also known as 'favourites icon', is a 16x16 pixel square icon associated with a particular site. Browsers display a site's favicon in the browser's Address bar and next to the page's name in a list of bookmarks. Browsers that support tabs typically show a page's favicon next to the page's title.

Creating a favicon

You can create a favicon through an image-editing application like Photoshop, or simply Google for a host of online tools and applications to help you create one. Use an online tool like FavIcon Generator to create a favicon from an image file.

Uploading and linking up your favicon

Once you've created a favicon simply upload it to your skin's Code screen as a file. Once this is done you need to reference the uploaded favicon inside the Header Code field with the following code snippet:

<link rel="shortcut icon" href="/path/to/favicon.ico" />


Note that you need to replace /path/to/favicon.ico with the actual file reference to your favicon. Save the Code screen and reload your site and your favicon should appear in the relevant place.

Recent Discussions

26 Apr, 2017 11:07 AM
19 Apr, 2017 04:30 AM
18 Apr, 2017 12:28 PM
12 Apr, 2017 11:52 AM
06 Apr, 2017 10:07 AM