title: How can I output a favicon <link> in the HTML head section using JSF 2.0?
body: <p>Using h:outputStylesheet I can embed CSS resources in the HTML head section, but how can I build a <code>&lt;link&gt;</code> for a <a href="http://en.wikipedia.org/wiki/Favicon">favicon</a> image resource which renders HTML like in this example:</p>
  
  <p>HTML output:</p>
  
  <pre><code>&lt;head&gt;
  ... 
  &lt;link rel="icon" type="image/png" href="favicon.png" /&gt;
  ...
  &lt;/head&gt;
  </code></pre>
  
  <p>The image resource is located in <code>&lt;web&gt;/resources/images</code>.</p>
  
  <p>If I use direct HTML code in the JSF template like <code>href="/resources/images/favicon.png"</code> the resource is not found - navigating to /resources/images/favicon.png leads to the error </p>
  
  <blockquote>
    <p>/resources/images/favicon.png/index.jsf
    not found</p>
  </blockquote>
  
  <p>(I have set index.jsf as index page in web.xml which might explain this path)</p>