A favicon is the icon that shows in the URL bar for your domain name.

What is the purpose of a favicon?

The favicon distinguishes your website with its own icon when people visit your site.  This icon can be seen in the tab or the URL bar of your visitor's browser.  For example, if you visit http://www.webhostinghub.com, you will see:

favicon1

How do I make a favicon?

The favicon must be an image format called .ico.  Most image editors do not make .ico files, however there are free websites online that do. For example, http://www.favicon.cc/ is a great site for making favicons as it'll re-size your image for you. You can make a favicon from scratch, or use your own image.  In this example, I will use my own image from my computer.  The main page of favicon.cc looks like this:

favicon4

Click Import Image on the left side of the page, and the following screen will appear:

favicon2

Click on Choose File and find the image on your computer.  Click Open on the image and make sure "Shrink to square icon" is selected.  Then click on Upload and your image will appear:

favicon3

On this page it will show how your favicon will look in the browser.  If you like how it looks, click "Download Favicon." This will automatically download the favicon.ico file to your computer.  Now all you have to do is log into your cPanel File Manager. In the File Manager, upload the favicon.ico file into your public_html folder. If it is for an Addon Domain, the favicon will go in the Addon Domain directory.  That is it!  Now your site will have its own icon in the Internet browser.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Comments

n/a Points
2015-04-02 7:07 pm

I have followed the instruction re favicons, removed the webhostinghub favicon from the public_html folder and emptied my cache. However, when I look at my website, I still only see the webhostinghub favicon, instead of the one I created and added to my public_html folder?

Staff
16,266 Points
2015-04-02 9:03 pm
Hello Helen,

Have you cleared the browser cache yet? That can sometimes cause a saved copy to display.

Kindest Regards,
Scott M

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

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

Not a Customer?

Get web hosting from a company that is here to help.
}