-
Notifications
You must be signed in to change notification settings - Fork 28.3k
Unable to process favicon #71609
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Comments
I asked for another favicon and I'm getting the same issue with different reasoning:
The updated favicon is in the codesandbox as well. |
I got this issue because my favicon file, for whatever reason, was not a valid icon. Deleting favicon.ico fixed the problem. |
put it in ./public not in /app |
I got the same error in version 15.0.3. I moved favicon.ico to the public folder, and it works fine now. I'm not sure what happened, as the documentation indicates it should be in the app folder: |
Also got the same as above, putting it in /public sorts it out. |
Weirdly enough this works for me in Chrome / Arc, but not in Firefox and Safari |
Moving the favicon.ico to the public folder works because it prevents the favicon from being injected. It is not a solution. |
As most things Next15 recently, try running dev without --turbo. That was the issue for me. Turbopack is the problem here. |
For now I'm putting it in public folder, because I need the turbopack. |
Working fine in the app folder on version 15.2.3 |
Seem related to images-rs crate for turbopack (image-rs/image#1590) |
I had the same problem as @Dragate
The issue was that the favicon didn’t have the correct dimensions. Mine was 32x32, while Next.js requires 48x48. |
If you have the same problem that me, put your image in the folder app with the name favicon.ico and if the icon doesn't appear press Ctrl + Alt + R in Windows to reload and clean cache. This worked for me |
Link to the code that reproduces this issue
https://codesandbox.io/p/devbox/romantic-ace-vn6rqz
To Reproduce
Current vs. Expected behavior
Would expect the following the favicon to render:

but instead get:

Provide environment information
Operating System: Platform: linux Arch: x64 Version: #1 SMP PREEMPT_DYNAMIC Sun Aug 6 20:05:33 UTC 2023 Available memory (MB): 4102 Available CPU cores: 2 Binaries: Node: 20.9.0 npm: 9.8.1 Yarn: 1.22.19 pnpm: 8.10.2 Relevant Packages: next: 15.0.0 // Latest available version is detected (15.0.0). eslint-config-next: N/A react: 18.3.1 react-dom: 18.3.1 typescript: N/A Next.js Config: output: N/A
Which area(s) are affected? (Select all that apply)
Turbopack
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
This error started occuring on
[email protected]
and persists on[email protected]
. It was not occuring on[email protected]
.The text was updated successfully, but these errors were encountered: