How to set favicon.ico properly on Vue.js Webpack project?

Spread the love

Sometimes, we want to set favicon.ico properly on Vue.js Webpack project

In this article, we’ll look at how to set favicon.ico properly on Vue.js Webpackproject.

How to set favicon.ico properly on Vue.js Webpack project?

To set favicon.ico properly on Vue.js Webpack project, we add a link element.

For instance, we write

<head>
  <meta charset="utf-8" />
  <link rel="shortcut icon" type="image/png" href="/static/favicon.png" />
  <title>My Vue.js app</title>
  ...
</head>

to add a link element with the href set to the favicon’s path.

Conclusion

To set favicon.ico properly on Vue.js Webpack project, we add a link element.

Leave a Reply

Your email address will not be published. Required fields are marked *