How to add favicon?

It goes in assets/static

Yeah I understand that favicon.ico lives inside assets/static. I would like to know what the content of favicon.ico looks like, is it a html file or?

You can also use something like this site to generate the files for your icons, mentioned in a previous post of mine:

That site has instructions for how to apply them in your code once they are generated and you simply place those generated files in your assets/static location like @APB9785 mentioned. Also, you can reference their instructions with the instructions from this post from @idi527:

Hope that helps in terms of how you make your favicons “work”.

Thank you so much. I tried this and it seemed to work for sometime but now it appears to not work. I put the favicon.ico inside assets/static and my endpoint.ex doesn’t need a change since I use the default setup.

endpoint.ex

plug Plug.Static,
    at: "/",
    from: :my_app,
    gzip: false,
    only: ~w(css fonts images js favicon.ico robots.txt)

Any idea why this is happening. I refreshed multiple times and restarted the server many times but it doesn’t work. I also see priv/repo/static getting generated every time I start the server. Any thoughts on how to resolve this?

My bet is copy-webpack-plugin is not correctly configured…

In particular because it should not create inside priv/repo/static, but into priv/static.

You can check the version (package.json) and how You configured it in (webpack.config.js)

It is created in priv/static not priv/repo/static. My bad, sorry.

You need something like this too…

<link rel="icon" href="favicon.ico" />

or read this part of the link mentionned by @APB9785

This needs to be added in templates/layout/app.html.eex ?

This need to be in the header…

app.html.eex, or root.html.leex if You use live_view.