Set icon to MusicKit app configuration

I've been unable to set the "icon" attributes when doing the login process with MusicKit JS.

MusicKit.configure({
  developerToken: at,
  app: {
  name: 'TEST APP',
  icon: 'http://XXXXXXXXX.png'
  }
});


When the user is asked about accepting permission, there's the Apple Music icon and normally the icon I've set.

Instead there's a default icon.


How can I make it works ?

Accepted Reply

MusicKit JS will look for the following link elements in your HTML page (in order of priority):


<link rel="apple-music-app-icon" href="FIRST.png" />
<link rel="apple-touch-icon-precomposed" href="SECOND.png" />
<link rel="apple-touch-icon" href="THIRD.png" />


If you leverage the sizes attribute on the link element, MusicKit JS will prioritize 120x120:


<link rel="apple-music-app-icon" href="NOTUSED.png" />
<link rel="apple-music-app-icon" sizes="120x120" href="USED.png" />


You can find more information on Apple Touch Icon here.


Thanks for posting!

Replies

MusicKit JS will look for the following link elements in your HTML page (in order of priority):


<link rel="apple-music-app-icon" href="FIRST.png" />
<link rel="apple-touch-icon-precomposed" href="SECOND.png" />
<link rel="apple-touch-icon" href="THIRD.png" />


If you leverage the sizes attribute on the link element, MusicKit JS will prioritize 120x120:


<link rel="apple-music-app-icon" href="NOTUSED.png" />
<link rel="apple-music-app-icon" sizes="120x120" href="USED.png" />


You can find more information on Apple Touch Icon here.


Thanks for posting!

Perfect @jaehess !

Thank you for your help.