How to load a favicon with Meteor

Question

I'm trying to figure out how to add a favicon to my meteor app. Per the docs I should put it in the /public directory, but there isn't really much more info than that. I put my favicon.ico file there and referenced it in the header of my html file, but the browser doesn't load it. If I open up the dev tools on chrome though, it shows the file loading (i.e., go to localhost:3000/favicon.ico). Anyone have any suggestions on what I might be missing?

Answer 1

It should work. Probably either an issue with the path or caching on localhost.

Here's how the favicon should be linked:

<link rel="icon" sizes="16x16 32x32" href="/favicon.ico?v=2">

(Note: the / in the beginning; its important!)

Answer 2

Not sure what your path is like. Everything in the public folder is slapped together and accessible at root, so perhaps try /favicon.png.

Answer 3

I added the favicon.ico in the /public/ directory of my meteor project and it showed up for me!

didn't have to add any lines of code

also if its caching issue maybe rename the favicon.ico to favicon2.ico