[Vuejs]-(Vue.js) Icon does not apply

by

0👍

✅

The problem is that you’re using a / in front of your image urls:

Use the following hrefs, and it should work.

<link rel="icon" href="static/icons/apple-touch-icon.png" type="image/x-icon">
<link rel="icon" type="image/png" sizes="32x32" href="static/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/icons/apple-touch-icon.png">
<link rel="manifest" href="static/icons/site.webmanifest">
<link rel="mask-icon" href="static/icons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

Leave a comment