как центрировать значок пользовательского интерфейса в кнопке пользовательского интерфейса jquery

Я ищу способ создавать кнопки панели инструментов с использованием jquery ui.

Я пытался создать кнопку с помощью

<div id='menubar_home' style='vertical-align: middle;width: 20px; height: 20px;'>
</div>

и

$('#menubar_home').button({
    icons: { primary: "ui-icon-home" }
});

, но изображение в кнопке не центрировано:

Как центрировать изображение в кнопке?