title: how to create custom icons in primefaces
body: <p>i want to create an new icon to use in my <code>p:commandButton</code> but i failed i used this methode </p>
  
  <blockquote>
    <p><a href="https://stackoverflow.com/questions/11120311/primefaces-how-can-i-make-use-of-customized-icons">PrimeFaces: how can I make use of customized icons?</a></p>
  </blockquote>
  
  <p>but didnt work for me . i will show you my code :</p>
  
  <p>CSS CODE :</p>
  
  <pre><code>.img-button-help { background-image: url('img/mag.ico') !important; }
  </code></pre>
  
  <p>jsf CODE :</p>
  
  <pre><code>&lt;p:commandButton icon="img-button-help" value="test" /&gt;
  </code></pre>
  
  <p>result :
  <img src="https://i.stack.imgur.com/TB9Ef.png" alt="enter image description here">  new result -><img src="https://i.stack.imgur.com/NFqCD.png" alt="enter image description here"></p>
  
  <p>how to use customed icons in Primefaces ??</p>