How to change your Moodle’s Favicon


What’s a Favicon?  A Favicon is the little image that shows on most browser tabs or in the address bar next to the URL of the site that you’re visiting; this is based on a file usually named “favicon.ico”.

Post Pages - Post Inline - WIRIS
The m with a mortar board is the standard Moodle favicon.

For Moodle sites it looks something like this:.  This little icon is one of the first impressions someone gets from your site and is included as a standard for all Moodles.  That being said, you can easily change it to better reflect your site, school, organization or personal tastes by editing one file the applied theme folder.

Here’s how to change your Favicon.

First, either locate a new Favicon that you like or create your own.  I found a few cool ones in the Moodle forums of yore which include some cool color variations on the standard little icon: (click the link to download a zip containing those “flavicons” which were created by Timothy Takemoto.

If you have something else in mind, try creating your own based on an image or freehand at a site like  Beware though, creating 16 x 16 pixel images that look good is harder than you might think.

Once you have your image it’s time to navigate to your theme folder via FTP or web FTP (or have your network administrator do it) and replace the favicon.ico file with your own.  Here’s what the file structure looked like for changing the favicon.ico file in my “Pretty Simple¹” theme folder.

Where “joedle” is the name of my Moodle’s folder.  Replace that file, clear your cache and voila.  You and your users should see a new Favicon displayed when you next visit the site.

For more information check out the original Favicon discussion at

¹Pretty Simple developed by Dan Humpherson [link]