This default may be overridden using the data-iconpos attribute to set the icon position to "right", "top", or "bottom". Two steps are necessary to add custom icons to your buttons: Add a data-icon attribute to the link. Builder for jQuery Mobile Icon Pack– Build custom icon fonts with Builder for jQuery Mobile Icon Pack 2. jquery-mobile-iscrollview– JQuery Mobile widget plug-in for easy use of the iScroll javascript scroller 3. jQueryMobile-Rails– Incorporates the jQuery Mobile assets into your Rails application 4. jQueryMobile-Rails– jQuery Mobile assets for Rails 3.1 and greater 5. jQuery Mobile LESS Versio… Widgets. If you prefer to not have this disc, it can be removed by adding the class ui-nodisc-icon to the element or its container. I recently built a web app using jquery mobile sdk. jQuery Mobile provides a set of icons that will make your buttons look more desirable. It also prepares you for 1.5 by informing you about deprecated features. Extending jQuery Mobile's default icon set. Large Mobile Icons. You can use easily these icons in conjunction with jQuery Mobile's default icon set. Example of the classes being applied to a wrapper. A list of the icons provided by jQuery Mobile. I want to use 22 * 22 px icons. You can safely use SVG icons. On my laptop, the jqGrid Mobile icons looked fine, but on an iPhone or Android device, they'd be badly offset. Everything work's like a charm, but now i want to resize a navbar button, to fit the navbar, which has been resized to 44px instead of the 32px. A set of built-in icons in jQuery Mobile can be applied to buttons, collapsibles, listview buttons and more. jQuery Mobile provides a number of icons that can be used by applying a data-icon attribute to buttons, navbar elements, linked list items and select menus, data-collapsed-icon and data-expanded-icon to collapsibles and collapsible-sets, and data-split-icon to split listviews. Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors. jQuery Mobile Demos on branch master Use "notext" as value for icon position if you want to create an icon-only button. You can then write a CSS rule in your stylesheet that targets the ui-icon-myapp-email class to specify the icon background source. For example, the following will display a button with a home icon: Icons are white by default but you can switch to black icons by adding the ui-alt-icon class to the element or its container. You can use easily these icons in conjunction with jQuery Mobile's default icon set. This will create the standard resolution icon, but many devices now have very high resolution displays, like the retina display on the iPhone 4. 1. On platforms that don't support SVG the framework falls back to PNG icons. To add an icon to your and