Extending jQuery Mobile's default icon set.
jQuery Mobile Icon Pack is based on based on the Font Awesome library and includes 369 icons from a wide range of categories including currency symbols, media control, social media, common application icons, and more. You can use easily these icons in conjunction with jQuery Mobile's default icon set.
Build your own custom Icon Pack.
This version of Icon Pack is a breaking upgrade from previous versions of jQuery Mobile. Previously jQuery Mobile used the :after property to apply the PNG icons to the specified container. In jQuery Mobile 1.4 the team chose to look to the future and apply SVG icons with the background-image property. In addition to this decision they've inlined the actual file contents of each icon using Data URIs. While this does increase the size of the resulting CSS, it also means there are no external dependencies (not counting the PNG fallbacks).
If you're looking to support jQuery Mobile 1.3 (or lower) applications, you can use the 1.3.x tagged build for that release.
Clone the git repo - git clone https://github.com/commadelimited/jQuery-Mobile-Icon-Pack.git - or download it. Open up index.html in your browser, preview to your hearts content. The icon definitions are 100% contained within the jqm-icon-pack-fa.css CSS file in the root of the repository.
While this is a good way to get familiar with Icon Pack, it's not recommended that you use this file for production use.
Drop jqm-icon-pack-fa.css and the associated png_images folder into your project. Images are relative to the CSS file. Use them just as you would the standard icons.
Dual license: MIT/GPL
The Font Awesome license can be seen on their website.
