PrimeFaces 5.1 - CommandButton - Ícone personalizado

Segue como eu consegui colocar uma imagem (ícone) no botão do primefaces, ou seja, componente CommandButton.

Os meus arquivos (default.css e cabecalho.png) estão nas seguintes pastas.

CSS (default.css)
.cabecalho {
    background-image: url('../imagens/cabecalho.png') !important;
}

XHTML

<h:head>

    <link href="${facesContext.externalContext.requestContextPath}/resources/css/default.css" 

          rel="stylesheet"

          type="text/css" />

</h:head>

<h:body>

    <p:commandButton type="push" 

                     title="Editar cabeçalho" 

                     icon="cabecalho" />    

</h:body>

Não esqueça de limpar o cache do seu navegador.