How to Get a Favicon on a Website

Maybe you have noticed those small little icons in the address bar of your web browser when you visit a website, and wondered how to get one for your site. Well, you don't have to be Amazon or Google to get one. All you need to do is create it and then upload using a special file type extension, .ico. The icon is called a Favicon, and you can get one at the Favicon website.

Instructions

1. Visit the Favicon website, and choose the "Create New Favicon" button on the left. You will be taken to the page where you can create your favicon. There is a link in the Resources section below.

2. Draw your icon using the grid on the screen. You can select different colors using the tools on the screen.

3. Click the "Download Favicon" link below the grid once you are finished drawing the icon, and download the .ico file to your computer.

4. Open your FTP client and connect to your website. Then, upload the .ico file to your site. Place it in the first directory, or home directory, which should be the same directory your home page, or index file, is located in. The icon won't load from an images file, unless you modify the following code.

5. Download your index file from your FTP server, and open this file in notepad on your computer.

6. Copy and paste the following code into the header section of your index file: <link rel="shortcut icon" href="http://www.yourwebsitename.com/favicon.ico" mce_href="http://www.yourwebsitename.com/favicon.ico"/> replacing the yourwebsitename.com, with your actual website name.

7. Upload your index file back onto your web server through your FTP client. The favicon should appear in the address bar when you open your home page.

Resources

• Get your favicon