Favicons have become quite the norm on websites nowadays and I have encountered a few problems with them in the past, since browsers usually cache them and it takes quite awhile for browsers to update when a favicon is changed.
I used to just leave the .ico file in the document root and hoped that the browser would pick it up, but I have recently been told a much better way of ensuring that the correct image is displayed in the URL text field.
Place the file in the images folder and then refer to it in your the head of you html template by using the following code: < link rel="Shortcut Icon" type="image/x-icon" href="../images/favicon.ico" / > (remove spaces in code)
So, one definitely does learn something new everyday. Hat tip to Ali 😉