javascript - 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!)