Changing Favicon and Title of a Deployed Angular Site

I followed this procedure to replace the title and favicon on my production machine.
It seems to be easy and works.

Is this an ok way to do it?

Create a png file to replace the favicon.ico file.
It should be 32x32 pixels.
Name the png something like this, favicon32x32.png
copy the png file into the sites wwwroot folder.
In this same folder…Edit the index.html file for the title and the icon..
For the title tag..

for the favicon link tag
rel="icon" type="image/x-icon" href="favicon32x32.png">

Usually you can simply replace the favicon.ico file: