(Vue.js) 图标不适用

Question

<link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png">
<link rel="mask-icon" href="./icons/safari-pinned-tab.svg">

我添加了这段代码。但是图标不适用。

文件结构为
测试
└图标
└safari-固定-tab.svg
└favicon-16x16.png
└favicon-32x32.png
└apple-touch-icon.png
└index.html

Answer 1

试试这个。

<!DOCTYPE html>
<html>
  <head>
    <link rel="icon" href="icons/apple-touch-icon.png" type="image/x-icon">
    <link rel="icon" type="image/png" sizes="32x32" href="icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icons/apple-touch-icon.png">


  </head>
  <body>
    <!-- DO NOT touch the -->
  </body>

</html>

(Vue.js) 图标不适用

(Vue.js) The icon does not apply

html

vue.js

icons

favicon