title: Next.js site has favicon in chrome but not in brave
body: <p>I'm developing my first next.js site and I'm setting the favicon in <em>index.js</em> as follows:</p>
  <pre><code>&lt;Head&gt;
    &lt;title&gt;Create Next App&lt;/title&gt;
    &lt;link rel=&quot;icon&quot; href=&quot;/favicon.ico&quot; /&gt;
  &lt;/Head&gt;
  </code></pre>
  <p>Originally I was using a setup where my source files were all in the root directory. I now decided to move them to a <code>src</code> directory. Since then I have observed the following two weird behaviors:</p>
  <ol>
  <li>The site has a favicon in chrome but not in brave.</li>
  <li>Even if I comment out the above portion the favicon in chrome remains.</li>
  </ol>
  <p>The favicon is stored in the <code>public</code> folder which is in the root directory (did not change anything about that) when moving the other files to <code>src</code>.</p>