Grunticon

Grunticon is a grunt plugin built by the Filament Group which takes SVG files and creates style sheets and PNG icons for use in your webpage. See https://github.com/filamentgroup/grunticon.

Grunticon Loader Script

jQuery Mobile uses grunticon to generate SVG icons with PNG fallbacks and the style sheets for these. By default the library uses inline SVGs but falls back to individual PNGs if inline SVG is not supported.

However, you can further optimize for a wider variety of devices by using a loader script for selecting the approriate style sheet. This reduces data transfer and the length of the style sheet.

To use the grunticon loader place the script in the "View Source" button below in the head of your page before all other stylesheets or scripts. In the script you will see a call to the grunticon function at the bottom which is being passed an array of three stylesheet URLs. You will want to change this to match your setup or to point at the corresponding style sheets on the CDN.

After this script you will want to place a fallback style sheet in a noscript tag, in case JavaScript is disabled. Link in the "View Source" button below:

So what style sheet was loaded?

Based on your browser's abilities the style sheet loaded was:

Which means you are seeing

Grunticon Icons

All the icons in the buttons below were loaded using the grunticon loader script. Use the toggle buttons to try all different options for icon style.

Theme:
Style: