Sezer Ünlü

B.Sc. Computer scientist & front-end web engineer

How to add a favicon to your website

Published on

A favicon is an image which is visible in the tab of a browser. It is located on the left side of the website's title.

You need three different image sizes of your favicon:
180x180px, 32x32px, 16x16px

Add this following code snippet before your closing </head> tag and the enter correct name of your favicon into the href attribute:

<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="FAVICON_NAME_180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="FAVICON_NAME_32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="FAVICON_NAME_16x16.png">