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

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

In this article, we’ll look at how to set favicon.ico on a Vue.js Webpack project.

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

To set favicon.ico on a Vue.js Webpack project, we can add a link element into index.html.

For instance, we add

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

into index.html.

We add the favicon with

<link rel="shortcut icon" type="image/png" href="/static/favicon.png" />

Conclusion

To set favicon.ico on a Vue.js Webpack project, we can add a link element into index.html.