by Sai gowtham

How to change the favicon in Vue

In this tutorial, we are going to learn about how to change the default favicon in vue app, which is set by the Vue cli.

Changing favicon

  1. Open the vue app in your favorite code editor.
  2. Navigate to the public folder and remove the favicon.ico file.
  3. Now, add a new favicon inside the public folder.

vue adding favicon

Note: The favicon filename should be favicon.ico.

  1. Reload your app to see the new favicon.

Top Udemy Courses

JavaScript - The Complete Guide 2021 (Beginner + Advanced)
JavaScript - The Complete Guide 2021 (Beginner + Advanced)
64,026 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
152,857 students enrolled
48.5 hours of video content
View Course