One of the most frustrating thing back when I was a newbie at building websites was figuring out what that little icon was called next to a website’s URL. This little tidbit of information eluded me for the longest time, but I finally figured it out. Back in the day (wow I sound old!) there weren’t 1,000 tutorials to help with everything like that.

favicon.ico favicon

A Favicon is the Small Icon that Shows Up Next to Your Web Address in Your Browser

Favicons (a.k.a. favorites icons) help promote your brand and create an identity for your website. They help when you’ve got multiple tabs open on your browser and you can’t read the entire site title, and they are just great for adding a little something extra to your website’s identity.

How Do You Create a Favicon and What is Favicon.ico?

There are tons of online tools to help you create a favicon. My favorite is Dynamic Drive’s Free Favicon Generator. Here’s what you do to set up your website’s favicon:

  1. Go to the Favicon Generator and upload a file from your computer that you want to become your favicon.
  2. Press the “Create Icon” button and then the “Download Favicon” button.
  3. The favicon will now be saved to your desktop with the filename favicon.ico
  4. Using FTP or some other method of transferring files to your website, upload the favicon.ico file to the /public_html/ directory of your website’s server.
  5. Check to be sure the file was properly uploaded by visiting in your browser http://www.your-site.com/favicon.ico (of course, your-site.com will be replaced with the name of your actual site name)
  6. Finally, edit the main page of your site (the index.html file) and place in the head the following:

    <LINK REL=”SHORTCUT ICON” HREF=”favicon.ico”>

Your favicon will now be live. Sometimes it takes a little while to start seeing it, but don’t worry, it’s there!

Do Favicons Work in Subdomains?

They do! All you need to do is follow the steps above for the index.html file located in your subdomains and you’ll have a functional favicon for that subdomain.

I hope this helps some people figure out what to do. I know I would have been really happy to read this a decade ago!

Share This