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
.