jQuery Mobile Icon
- Previous Page jQuery Mobile Event
- Next Page jQuery Mobile Tutorial
jQuery Icons
To add an icon to a button in jQuery Mobile, use the data-icon attribute:
<a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a>
Tip:You can also use the data-icon attribute in <button> or <input> elements.
Below we have listed all the available icons provided by jQuery Mobile:
| Attribute Value | Description | Icon | Example |
|---|---|---|---|
| data-icon="arrow-l" | Left Arrow | Test | |
| data-icon="arrow-r" | Right Arrow | Test | |
| data-icon="arrow-u" | Up Arrow | Test | |
| data-icon="arrow-d" | Down Arrow | Test | |
| data-icon="plus" | Add | Test | |
| data-icon="minus" | Reduce | Test | |
| data-icon="delete" | Delete | Test | |
| data-icon="check" | Check | Test | |
| data-icon="home" | Home | Test | |
| data-icon="info" | Information | Test | |
| data-icon="grid" | Grid | Test | |
| data-icon="gear" | Gear | Test | |
| data-icon="search" | Search | Test | |
| data-icon="back" | Back | Test | |
| data-icon="forward" | Forward | Test | |
| data-icon="refresh" | Refresh | Test | |
| data-icon="star" | Star | Test | |
| data-icon="alert" | Reminder | Test |
- Previous Page jQuery Mobile Event
- Next Page jQuery Mobile Tutorial
