Javascript 如何调整这个jQuery对象的大小？

我正在看jQuery mobile panels演示—特别是有一个图标可以打开滑动侧菜单：

此元素的标记如下所示：

我正在尝试调整此元素的大小并使其居中。我尝试添加宽度和高度样式，但这只会让它看起来很糟糕。然后我试着改变字体大小，认为这是一个字体字形，这也不起作用。建议？

这是一个背景图像（编码svg）。您可以像这样调整大小（但还需要调整包含元素的大小，使其有意义/不被切断）

<a href="#nav-panel" data-icon="bars" data-iconpos="notext" class="ui-link ui-btn-left ui-btn ui-icon-bars ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button">Menu</a>

.ui-icon-bars:after
    background-size: 200%;
}