10000 The location of the apple-icon in the doc is not working properly. · Issue #52579 · vercel/next.js · GitHub
[go: up one dir, main page]
Skip to content

The location of the apple-icon in the doc is not working properly. #52579

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue 8000 and contact its maintainers and the community.

Sign up for GitHub

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

Jump to bottom
Open
1 task done
newminkyung opened this issue Jul 12, 2023 · 5 comments
Open
1 task done

The location of the apple-icon in the doc is not working properly. #52579

newminkyung opened this issue Jul 12, 2023 · 5 comments
Labels
bug Issue was opened via the bug report template.

Comments

@newminkyung
Copy link

Verify canary release

  • I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
      Platform: darwin
      Arch: x64
      Version: Darwin Kernel Version 21.6.0: Mon Aug 22 20:17:10 PDT 2022; root:xnu-8020.140.49~2/RELEASE_X86_64
    Binaries:
      Node: 16.16.0
      npm: 8.11.0
      Yarn: 1.22.17
      pnpm: 8.4.0
    Relevant packages:
      next: 13.4.1
      eslint-config-next: 13.4.1
      react: 18.2.0
      react-dom: 18.2.0

Which area(s) of Next.js are affected? (leave empty if unsure)

Metadata (metadata, generateMetadata, next/head)

Link to the code that reproduces this issue or a replay of the bug

https://codesandbox.io/p/sandbox/unruffled-darkness-q2l3ht

To Reproduce

  1. locate apple-icon.png in /app
    • It works well
  2. locate apple-icon.png in /app/**/apple-icon.png
    • It doesn't work

스크린샷 2023-07-12 오후 1 49 18

can't see apple-touch-icon

But in docs (https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#image-files-ico-jpg-png)
image

apple-icon is valid on app/**/*

Describe the Bug

The location of the apple-icon in the document in Next.js is not working properly.

/app/apple-icon.png works fine, but /app/icons/apple-icon.png does not work properly.

Expected Behavior

apple-icon is valid on app/**/*

Which browser are you using? (if relevant)

Chrome 114.0.5735.198

How are you deploying your application? (if relevant)

next start
@newminkyung newminkyung added the bug Issue was opened via the bug report template. label Jul 12, 2023
@darshanjain-entrepreneur
Copy link
Contributor

Can you just explain little bit more what is the problem

@tordans tordans mentioned this issue Oct 9, 2023
Open
@chan4est
Copy link

Ran into the same issue. Why do the docs still advise that the apple-icon can be in and folder inside apps?

@colevr1
Copy link
colevr1 commented Feb 21, 2024

i put them in app folder and still cant see them in my code

@nashtheflash
Copy link

Adding both below worked for me on apple and pc based devices. If you just add apple-icon.png it won't show up on PC.
app/apple-icon.png
app/icon.png

@armando-andre
Copy link

It's happening to me as well on development. Don't know about production.

My icon is located at: /app/apple-icon.png

Not creating the html meta tag.

Next JS version 15.3.2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Issue was opened via the bug report template.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@chan4est @armando-andre @nashtheflash @colevr1 @newminkyung @darshanjain-entrepreneur
0