'cannot access favicon with react app through nginx server

I created a react app and I want to host it on a vps using nginx. However, when I go to the website it loads the react default favicon and not mine. When I go to console I get the following error

Failed to load resource: the server responded with a status of 403 (Forbidden)

I suppose this is my server that cannot get access to this file but I gave it permission when I configured it.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source