title: Setting a single favicon for the entire website
body: <p>Currently I'm using this bit of code to add a favicon to a website:</p>
  
  <pre><code>&lt;link rel="shortcut icon" href="https://www.mysite.co.uk/images/favicon/favicon1.ico" /&gt;
  </code></pre>
  
  <p>However, this code must be added to each HTML page. Does anyone know how to set a global favicon?</p>
  
  <p>Everywhere I've looked tells me I must add it to each page.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>Chrome searches for a favicon.ico file in the root directory.</p>
  
  <p>Firefox needs this on each page:</p>
  
  <pre><code>&lt;link rel="icon" type="image/png" href="/favicon.png" /&gt;
  </code></pre>