The best jQuery Mobile Icon Tutorial In 2024, In this tutorial you can learn jQuery Mobile Icon
We can use the icon in <a> class in jQuery Mobile and <button> add icons on the element, and the icons are positioned as follows:
Add icon <input> button, you can use the data-icon attribute:
We can use the data-icon attribute to add an icon on the navigation button:
If you want to add an icon button in the list, you can use the data-icon attribute in the <li> in:
Below we list all the available icons jQuery Mobile provides:
value | description | icon | Examples |
---|---|---|---|
action | action | try it | |
alert | caveat | try it | |
audio | Video / audio / speaker | try it | |
arrow-dl | Lower left corner | try it | |
arrow-dr | Bottom right corner | try it | |
arrow-ul | The upper left corner | try it | |
arrow-ur | Upper right corner | try it | |
arrow-l | Left Arrow | try it | |
arrow-r | Right arrow | try it | |
arrow-u | Up Arrow | try it | |
arrow-d | Down Arrow | try it | |
back | return | try it | |
bars | Columns | try it | |
bullets | Fences | try it | |
calendar | calendar | try it | |
camera | camera | try it | |
carat-d | down | try it | |
carat-l | left | try it | |
carat-r | To the right | try it | |
carat-u | up | try it | |
check | Witness mark | try it | |
clock | clock | try it | |
cloud | cloud | try it | |
comment | comment | try it | |
delete | Delete (X) | try it | |
edit | Edit / pencil | try it | |
eye | eye | try it | |
forbidden | Still mark | try it | |
forward | go ahead | try it | |
gear | gear | try it | |
grid | grid | try it | |
heart | Heart / Love sign | try it | |
home | Home (Home) | try it | |
info | information | try it | |
location | Location / GPS | try it | |
lock | Lock / Padlock | try it | |
Mail / Envelopes | try it | ||
minus | Sign, minus sign | try it | |
navigation | navigation | try it | |
phone | phone | try it | |
power | Switch (On / off) | try it | |
plus | plus | try it | |
recycle | Recover | try it | |
refresh | Refresh | try it | |
search | search for | try it | |
shop | Shops, wallets, handbags | try it | |
star | Asterisk | try it | |
tag | label | try it | |
user | user | try it | |
video | Video camera | try it |