É fácil usar um dos ícones disponíveis no conjunto de ícones padrão:

$("#myButton").button({icons: {primary: "ui-icon-locked"}});

Mas e se eu quiser adicionar um dos meus próprios ícones que não faz parte do conjunto de ícones da estrutura?

Eu pensei que seria tão fácil quanto dar a sua própria classe CSS com uma imagem de plano de fundo, mas isso não funciona:

.fw-button-edit {
    background-image: url(edit.png);
}

Alguma sugestão?