How to fix 404 not found error failed to load favicon.ico

I was hunting around the net for a solution to this little bugger. The solution i found is quite a simple one. If there is a better way, be sure to let me know in the comments. Here is a step by step on how to fix this issue.

Note the file structure and the index.html within the src folder

You want to open up your index.html within your src folder and in your <Header /> tag and add the following:

<link rel="shortcut icon" href="../src/assets/img/favicon.ico">

It should look a little something like this your index.html

using the link tag, this should render your favicon

I believe that it is best practice to use an ICO formatted icon for cross browser functionality. If using a png, you can use just about any online ico converter.