icon/#

Favicon#

When there is a favicon.* file in the config directory at the root of the project, Modern.js will automatically set the file to the html.favicon configuration option for generating the favicon icon on the page:

After the build is completed, you can see the following tags automatically generated in HTML:

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

Order#

When setting up the favicon, Modern.js looks for files in the following order:

• favicon.png
• favicon.jpg
• favicon.jpeg
• favicon.svg
• favicon.ico

Apple Touch Icon#

When there is an icon.* file in the config directory at the root of the project, Modern.js will automatically set the file to the html.appIcon configuration option for generating the Apple Touch Icon icon under the iOS system.

After the build is completed, you can see the following tags automatically generated in HTML:

<link rel="apple-touch-icon" sizes="180x180" href="/static/image/icon.png" />

Order#

When setting up the app icon, Modern.js looks for files in the following order:

• icon.png
• icon.jpg
• icon.jpeg
• icon.svg
• icon.ico