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!

Was this article helpful?
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!

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

Forum Login

You are NOT logged in. You can still browse our Support Center.

To participate within our Community Support Forum:

n/a Points
2016-11-30 4:29 am

Sven is correct. You should place the favicon in a custom folder. It will change back with every update if you use the above method. Having a hard time finding out how to exactly do that. Having a Protostar favocin that does not change on every update seems to be the hardest Joomla challenge ever...

n/a Points
2016-08-24 1:42 pm

Can't find the folder in which to place the favicon, using the online Joomla. I check in files, no favicon. I check in templates, no favicon. PLease provide a description of the path with more specificity.

42,943 Points
2016-08-24 2:27 pm
Hello Slanter,

Apologies for the confusion with the instructions above. They do tell you where the favicon should go. We can't give you an exact location because we don't know what theme you're using or where you may have installed Joomla. However, the location is based on where you installed Joomla and then finding the folder for the theme that you're using. The example above lists protostar - which is one of the default themes provided with Joomla.

If you have any further questions or comments, please let us know.

Arnel C.
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.

13,821 Points
2015-10-28 7:29 am

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


Tim S
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!

31,595 Points
2015-09-16 10:52 am
Hello hellena,

We appreciate you contacting us, and sharing this information.
Thank you,
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
2016-10-12 11:05 am

Sven wrote " first of all you should put it in a custom path if you don't want to lose it after every update."


But how do I tell Joomla to use my icon in that custom path and not the default icon?

42,943 Points
2016-10-12 11:25 am

Thanks for the question about the favicon. According to the official Joomla documentation, the path we provide is the proper one. It may differ depending on the template you use. If the template has a custom path, then you can copy the icon there.

If you have any further questions or comments, please let us know.

Arnel C.
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!

Post a Comment

Email Address:
Phone Number:

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

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