title: How to use multiple favicons for one site
body: <p>I've done quite a bit of searching and reading on trying to find a solution but have not come up or across with anything that has worked for me just yet. I am building a site that carries a colored themed structure. I would like to have each page use a different colored favicon for it's corresponding page color. For example:</p>
  
  <ul>
  <li>Page 1 / background color = blue -> blue favicon. </li>
  <li>Page 2 / background color = red -> red favicon.</li>
  <li>Etc.</li>
  </ul>
  
  <p>The closest I came across was a using a PHP method and appending a number to the end of the icon file - </p>
  
  <pre><code>&lt;?php echo '&lt;link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico?t=' . time() . '" /&gt;; ?&gt;
  </code></pre>
  
  <p>Unless the php is wrong, this didn't seem to work for me. 
  Im not the strongest in PHP but if anyone has any suggestions or relevant reading on this it would be appreciated.</p>