InMotion Hosting Support Center
Changing joomla 3 favicon

You may have noticed in your Joomla 3 websites, that it automatically displays the Joomla logo in browsers by default. This little image is known as a Favicon.
In this tutorial we will show you how to replace the Joomla Favicon with one of your own. This common customization can help people identify your brand logo, and also differentiates your site from other Joomla 3 sites.

Changing your Joomla 3 Favicon

  1. Create your Favicon with the dimensions 16x16 pixels, and make sure the file is named "favicon.ico". There are many free Favicon Generators online, here are a few of the most popular ones:
  2. Upload your icon to the following folder where your Joomla is installed: /templates/your_template_name
    For example, if you are using the protostar template, your Favicon will be uploaded here: /templates/protostar/favicon.ico
    Refresh your page, then you should be able to see your new Favicon on your website. You may have to clear your browser cache, or test it in a different browser to see the new Favicon.

Congratulations, now you know how to customize your Joomla 3 website, by changing your Favicon!

Continued Education in Course Joomla 3
You are viewing Section 21: How to Change your Favicon in Joomla 3
Section 20: Fatal error: Call to undefined method - Joomla 3 Component Development
Section 22: Adding a Weather Module in Joomla 3

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

Support Center Login

Social Media Login

Social Login Joomla

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!
Ask a Question
n/a Points
2015-01-14 1:39 am

I've just had a journey on this website for few times, but I can say that it is VERY HELPFUL.

Thank you very much!

n/a Points
2015-04-18 5:01 am

...not good at all - as every time your customer will update the template he will lose the favicon as it will be replaced by the joomla favicon again... first of all you should put it in a custom path if you don't want to lose it after every update. 

n/a Points
2015-09-16 8:40 am

You can create your own favicon online at , create favicon using drawing tool or just upload your image jpeg,png or gif file and generate to 16x16 or 32x32 ICO file, or look at the gallery with favicons created by other users and download the same. Finally read the description how to set up favicon to your site!

19,934 Points
2015-09-16 10:52 am
Hello hellena,

We appreciate you contacting us, and sharing this information.
Thank you,
n/a Points
2015-10-28 5:25 am

Excellent, had to change GIMP to export as ICO instead of PNG but worked a treat. Thanks.

517 Points
2015-10-28 7:29 am

You're welcome. Glad our article could help you out.


Tim S

Post a Comment

Email Address:
Phone Number:

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

7 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?


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:
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!