YouTip

# jQuery Mobile Icons We can use icon classes to add icons to `` and `` elements in jQuery Mobile and position the icons, as shown below: Refresh Page(#) Refresh Page(#) To add an icon in an `` button, you can use the `data-icon` attribute: Refresh Page(#) We can use the `data-icon` attribute to add icons to navigation buttons: Refresh Page(#) If you want to add an icon in a list button, you can use the `data-icon` attribute in the `

`:

Click Me

(#) Below, we list all the available icons provided by jQuery Mobile: Value | Description | Icon | Example --- | --- | --- | --- action | Action | (#) alert | Alert | (#) audio | Video / Audio / Speaker | (#) arrow-d-l | Bottom Left | (#) arrow-d-r | Bottom Right | (#) arrow-u-l | Top Left | (#) arrow-u-r | Top Right | (#) arrow-l | Left Arrow | (#) arrow-r | Right Arrow | (#) arrow-u | Up Arrow | (#) arrow-d | Down Arrow | (#) back | Back | (#) bars | Bars | (#) bullets | Bullets | (#) calendar | Calendar | (#) camera | Camera | (#) carat-d | Down | (#) carat-l | Left | (#) carat-r | Right | (#) carat-u | Up | (#) check | Checkmark | (#) clock | Clock | (#) cloud | Cloud | (#) comment | Comment | (#) delete | Delete (X) | (#) edit | Edit / Pencil | (#) eye | Eye | (#) forbidden | Forbidden | (#) forward | Forward | (#) gear | Gear | (#) grid | Grid | (#) heart | Heart / Love | (#) home | Home | (#) info | Info | (#) location | Location / GPS | (#) lock | Lock / Padlock | (#) mail | Mail / Envelope | (#) minus | Minus | (#) navigation | Navigation | (#) phone | Phone | (#) power | Power (On/off) | (#) plus | Plus | (#) recycle | Recycle | (#) refresh | Refresh | (#) search | Search | (#) shop | Shop / Wallet / Bag | (#) star | Star | (#) tag | Tag | (#) user | User | (#) video | Video Camera | (#)