How to add a Favicon for your Website

Written by Brad Markle

InMotion favicon sampleWhen you visit a website, there is an image in the browser tab that displays for each site (See image to the right). This is called a "favicon". The favicon image is in the .ico file format. You can have other file formats; however, this article will only explain how to use the .ico format. The .ico format is universally accepted in all browsers. To create your own favicon, you can use our Favicon Generator.

Important! You will want to name your favicon image "favicon.ico". Also, when creating a favicon, you will want to make sure your image is square and not rectangle.

Once you get your favicon generated, you can upload it to your server and add code to your site to display your own image in the browser tab. Below are the steps to get your own favicon working on our server.

Steps to add a favicon to your site

  1. Login into your cPanel.
  2. Go to the File Manager, Select your directory for your site (In this case the main domain public_html location) and Click Go.
  3. Upload the favicon to your server.
  4. Where the code goes in the head sectionEdit the source code that contains the <head> code of your site. The head section code should look similar to the snapshot to the right.
  5. Placement of favicon linkAdd the following line of code below the <title> tag.

    <link rel="shortcut icon" href="/support/favicon.ico" type="image/x-icon" />

    Save the file and preview your site in your browser. You should see the favicon show in your browser.


    Important! If you do not see your favicon load in your browser, you may need to Clear your browser cache.

Like this Article?
caritative 2012-11-29 9:44 pm
I have uploaded the favicon.ico image into my roots directory. It's not appearing on my site. This could be because I do not know how to insert the header code referenced above. I am using a joomla platform.

Any help is much appreciated!
edgrac 2013-02-28 10:44 pm
The tutorial above says to "Edit the source code that contains the code of your site". Could you tell me in which file it would be? i appreciate your help

Login to comment.

Support Center Login

Your Opinion Matters

... but we need to know what you're thinking!

I'm Brad Markle, your friendly Community Support technician, and I wrote the article you're looking at now. I like to think it's perfect, but I'm sure you have some suggestions. Please, let me know what they are!

Feedback
Your Email Address
Because we'd like to talk with you!

We've been listening!

2013-02-13 01:11 pm
Rewrote the entire article due to misinformation per customer request. Thank you InMotion customers for your feedback..

Latest Questions

If you need some help, submit your question to our Community!
We guarantee a response within 60 minutes (8am - 9pm EST, Monday - Friday)
Ask a Question!
Recent Questions
  1. The best way to setup an external MS exchange server as the main mail server with inmotion hosting as the backup mail?
  2. Can I create a website on another website (e.g. Wix) and have it hosted on my inmotion domain?
  3. Why can't I see my updated web files on my website?
Browse other questions

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!